循环上传文件处理方法

最新推荐文章于 2023-02-16 17:50:38 发布

Tapuhey

最新推荐文章于 2023-02-16 17:50:38 发布

阅读量483

点赞数

分类专栏： js vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45103372/article/details/125096809

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

<el-form-item label="上传:" :prop="'otherAuxiliaryImagingList.' + i + '.imagingDataStorageAddress'"
            :rules="otherAuxiliaryImagingCustomRules.imagingDataStorageAddress">

            <el-upload class="upload-demo" action="/medical-admin/file/upLoad" :multiple='true'
              :on-remove="(file, fileList)=>{return handleRemove(file, fileList, i)}"
              :before-upload="beforeAvatarUpload"
              :on-success="(response, file, fileList)=>{return onSuccess(response, file, fileList, i)}" multiple
              :file-list="ele.imagingDataStorageAddress" :headers="myHeaders">
              <el-button size="small" type="primary">选择文件</el-button>
            </el-upload>

          </el-form-item>

// 上传
      onSuccess(response, file, fileList, idx) {
        let _this=this;
        console.log(response, file)
        // 这里是element的上传地址，对应的name,url,自己打印fileList对照

          _this.otherAuxiliaryImagingCustom.otherAuxiliaryImagingList[idx].imagingDataStorageAddress.push({
            name: file.name,
            url: response.msg.split('medical')[1]
          });


      },
      // 移除
      handleRemove(file, fileList, idx) {
        let Pics = this.otherAuxiliaryImagingCustom.otherAuxiliaryImagingList[idx].imagingDataStorageAddress;
        Pics.forEach((item, index) => {
          if (file.name == item.name) {
            Pics.splice(index, 1);
          }
        });
      }