waynecz/vue-img-inputer

移动端拍照上传多张图片会出错

leeycode opened this issue · 2 comments

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);

用拍照的方式上传三张图片出错,在相册里面选择照片上传是正常的。

现在用的vue-img-inputer是1.0.7以上的版本吗?试着加上capture这个属性

 <VueImgInputer v-model="picValue1" capture/>

问题已解决,感谢您的回复