[JavaScript知识库][element-ui] 导入文件 el-upload

	<el-button
	   class="correct-button"
	>
	 <el-upload
	   action="#"
	   :show-file-list="false"
	   :file-list="fileList"
	   :http-request="httpRequest"
	 >
	   <i class="iconfont icon-icon-daoru"></i>
	   <span>导入</span>
	 </el-upload>
	</el-button>

data() {
    return {
      fileList: [],
    };

    // 导入
    httpRequest(files) {
      const fd = new FormData();
      fd.append('file', files.file);
      // 导入接口
      importData(fd).then((res) => {
        if (res.code === '00000') {
          this.$message.success('导入成功');
          
        } else {
          this.$message.error('导入失败');
        }
      });
    },

import ajax from 'axios';

export const importData= (data) => ajax({
  method: 'post',
  url: 你的url,
  headers: {
    'Content-Type': 'multipart/form-data',
  },
  data,
});

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖