Vue项目导入文件

后台接口:post请求,formData传参,键值为'fileUpload'

前端vue代码:

html:

<el-upload
    :disabled="!authUpload"
    :show-file-list="false"
    class="import"
    action="#"
    :http-request="uploadRequest"
    accept=".xlsx, xls"
  >
  <el-button :disabled="!authUpload" type="primary">导入知微数据</el-button>
 </el-upload>

js:

      uploadRequest(file) {
            let formData = new FormData();
            formData.append("fileUpload", file.file);
            excelUpload(formData).then((res) => {
                if (res && res.result) {
                    this.$message.success("导入成功");
                    this.queryExcelInfoList();
                } else {
                     this.$message.error(res.message);
                  }     
                }
          );
        
        },

猜你喜欢

转载自blog.csdn.net/a1059526327/article/details/111194641
今日推荐