移动端拍照上传多张图片会出错
leeycode opened this issue · 2 comments
leeycode commented
html部分
<div class="photoarea-outer">
<form action="" enctype="multipart/form-data" method="post">
<div class="photoarea f-cb">
<VueImgInputer v-model="picValue1" theme="light" size="small" placeholder="" accept="image/*" icon="true" class="image-insert f-fl" noMask :capture="false">
</VueImgInputer>
<VueImgInputer v-model="picValue2" theme="light" size="small" placeholder="" accept="image/*" icon="true" class="image-insert f-fl" noMask :capture="false">
</VueImgInputer>
<VueImgInputer v-model="picValue3" theme="light" size="small" placeholder="" accept="image/*" icon="true" class="image-insert f-fl" noMask :capture="false">
</VueImgInputer>
</div>
</form>
</div>
js部分,提交信息给后台
var picTimer = setInterval(() => {
if (pic1Finish && pic2Finish && pic3Finish) {
let postData = new FormData();
postData.append('file1', self.picValue1);// 绑定的图片值
postData.append('file2', self.picValue2);// 绑定的图片值
postData.append('file3', self.picValue3);// 绑定的图片值
postData.append('token', global.searchLocalStorage('XTSY_token'));
postData.append('comment', self.desc);
postData.append('orderId', self.$route.query.orderId);
postData.append('goodsId', self.$route.query.goodsId);
postData.append('goodsStocksId', self.$route.query.goodsStocksId);
postData.append('status', self.starNum);
postData.append('flag', self.flag);
global.requestData('post', '/xituApi/api/GoodsCommentAPI/save', postData, (res) => {
res = res.data;
if (res && res.code === 1) {
swal({
title: '评价成功!',
showConfirmButton: false,
timer: 500
});
setTimeout(() => {
self.loadingVisible = false;
self.$router.go(-1);
}, 1000);
} else if (res && res.code === 422) {
global.jumpToLogin();
} else {
swal({
title: res.msg
});
}
}, () => {
swal({
title: '通信失败!'
});
});
clearInterval(picTimer);
}
}, 100);
用拍照的方式上传三张图片出错,在相册里面选择照片上传是正常的。
waynecz commented
现在用的vue-img-inputer
是1.0.7以上的版本吗?试着加上capture
这个属性
<VueImgInputer v-model="picValue1" capture/>
leeycode commented
问题已解决,感谢您的回复