<el-form>
<el-form-item label="导入文本:" label-width="120px">
<el-upload
ref="exportUpload"
class="upload-demo"
drag
action="#"
:http-request="uploadSectionFile"
:file-list="fileList"
multiple
:limit="2"
accept=".xls, .xlsx"
:auto-upload="false"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处,或
<em>点击上传</em>
</div>
</el-upload>
</el-form-item>
</el-form>
<el-button @click="submit" size="small"> 取 消 </el-button>
import { uploadCsv } from "@/api/dynamicApi.js";
export default {
data() {
return {
fileList: [],
};
},
methods: {
async submit() {
this.$refs.exportUpload.submit();
const form = new FormData();
this.fileList.map((item, index) => {
form.append("file" + (index + 1), item);
});
const res = await uploadCsv(form);
},
async uploadSectionFile(param) {
this.fileList.push(param.file);
},
},
};