iview中的上传图片Upload,设置上传图片规格为 750*422

1、vue代码
<Upload

        multiple
        ref="uploadContent"
        :on-success="handleSuccess"
        :on-error="handleError"
        :format="['jpg','jpeg','png']"
        :on-format-error="handleFormatError"
        :show-upload-list="false"
        :action="uploadUrl"
        :before-upload="detailBeforeUpload"
        style="float: right">
        
          <Button class="uploadFiles" >上传文件</Button>
**2、方法**

detailBeforeUpload(file) {
return this.checkImageWH(file, 1280, 90);
},
checkImageWH(file, width, height) {
let self = this;
return new Promise(function (resolve, reject) {
let filereader = new FileReader();
filereader.onload = e => {
let src = e.target.result;
const image = new Image();
image.onload = function () {
if (width && this.width != width) {
self.KaTeX parse error: Expected 'EOF', got '}' at position 83: … }̲ else if (heigh…Message.error(‘请上传宽为’ + height + “px的图片”);
reject();
} else {
resolve();
}
};
image.onerror = reject;
image.src = src;
};
filereader.readAsDataURL(file);
});
},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值