猿问

vue h5页面 上传图片问题

问题就是当我上传图片得时候有得时候可以上传成功有得时候失败失败得原因就是没有获取到file对象这是为什么呢,我用了图片压缩插件lrz请大神帮我看看是什么原因出现得问题这是我得代码
上传凭证
type="file"
id="input"
@change="onUpload(item)"
onfocus="this.blur()"
accept="image/*"
>
onUpload(item){
varinput=document.getElementById("input");
varfile=event.target.files[0];
let_this=this;
lrz(file,{width:400})
.then(function(rst){
rst.formData.append("sessionId",_this.data.sessionId);
rst.formData.append("fileUpload1",file);
rst.formData.append("referenceNo",item.paySeqId);
rst.formData.append("clientType","wx");
rst.formData.append("purpose","paymentBill");
console.log(rst.fileLen);
_this.$toast.loading({
mask:true,
message:"上传中..."
});
_this.$post(_this.$api.upload,rst.formData).then(res=>{
console.log(res);
if(res.data.flag==0){
_this.$toast.clear
_this.$toast.success("上传成功");
varinput=document.getElementById("input");
input.value="";
}else{
_this.$toast.fail(res.data.message);
}
});
console.log(rst.formData);
})
.catch(function(error){
console.log(error);
})
.always(function(){
//不管成功或失败,都会执行
});
},
沧海一幻觉
浏览 428回答 2
2回答

明月笑刀无情

直接写onUpload或者onUpload($event),你写onUpload(item)的话,会在当前的context中传递item这个变量的。而且你这代码确定在vue中能正常运行?

泛舟湖上清波郎朗

你这个event.target.files[0]你的event哪来的,你upload方法并没有event这个对象,执行的时候不会报错吗
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答