关于element-ui:vueelementui自定义上传文件

vue+elementui自定义上传文件

<el-upload
                class="upload-demo"
                action="#"
                ref="upload"
                :http-request="httpRequest"
                :on-preview="handlePreview"
                :on-remove="handleRemove"
                :on-change="onChange"
                multiple
                :on-exceed="handleExceed"
                :file-list="fileList"
                :auto-upload="false"
                accept=".txt,.csv"
              >
                <el-button slot="trigger" size="small"
                  ><IconClass
                    icon-class="iconcloud-upload"
                  />上传文件</el-button
                >
                <div slot="tip" class="el-upload__tip">
                  反对.txt、 .csv格局
                </div>
              </el-upload>
submitUpload() {
      return new Promise((resolve, reject) => {
        this.$refs.upload.submit();
        const data = new FormData();

        this.fileList.forEach(file => {
          data.append("file", file.raw);
          //此处肯定是append file.raw 上传文件只需保护fileList file.raw.name要加上
        });
        //后盾接口
        uploadDatasource(data)
          .then(res => {
            if (res.code == 200) {
              resolve(res.data);
            } else {
              reject(res.msg);
            }
            this.fileList = [];
          })
          .catch(err => {
            this.fileList = [];
            console.log(err);
          });
      });
    },

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

阿里云限时活动-1核2G-1M带宽-40-100G ,特惠价87.12元/年(原价1234.2元/年,可以直接买3年),速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

You may also like...

发表评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据