为了账号安全,请及时绑定邮箱和手机立即绑定

vue h5页面 上传图片问题

vue h5页面 上传图片问题

沧海一幻觉 2019-04-27 22:16:15
问题就是当我上传图片得时候有得时候可以上传成功有得时候失败失败得原因就是没有获取到file对象这是为什么呢,我用了图片压缩插件lrz请大神帮我看看是什么原因出现得问题这是我得代码上传凭证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(){//不管成功或失败,都会执行});},
查看完整描述

2 回答

?
明月笑刀无情

TA贡献1828条经验 获得超4个赞

直接写onUpload或者onUpload($event),你写onUpload(item)的话,会在当前的context中传递item这个变量的。而且你这代码确定在vue中能正常运行?
                            
查看完整回答
反对 回复 2019-04-27
?
泛舟湖上清波郎朗

TA贡献1818条经验 获得超3个赞

你这个event.target.files[0]你的event哪来的,你upload方法并没有event这个对象,执行的时候不会报错吗
                            
查看完整回答
反对 回复 2019-04-27
  • 2 回答
  • 0 关注
  • 427 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信