(vue)vue导入指定格式文件
<el-upload
ref="upload2"
class="upload-demo"
action
accept=".owl"
:before-upload="beforeFileOwl"
:http-request="httpRequestOwl"
:show-file-list="false"
>
<p @click="leadingIn" class="to">导入owl</p>
</el-upload>
js
//上传之前格式校验
beforeFileOwl(file) {
const fileName = file.name;
const fileType = fileName.substring(fileName.lastIndexOf("."));
if (fileType === ".owl") {
this.flag = true;
} else {
this.$Message.error("上传类型错误,请选择owl文件");
return false;
}
},
//owl
httpRequestOwl(param) {
if (this.flag) {
let file = param.file;
let formData = new FormData();
formData.append("fileName", file);
let user = this.$store.state.variable.userData;
importConceptSYZByOwl(this.enName, user, formData).then(
(res) => {
if (res.data.status == "SUCCESS") {
this.$Message.success("导入成功");
this.getConstructList();//刷新列表
this.visible = false;
} else if (res.data.code == 500) {
this.$Message.error(res.data.result);
}
}
);
}
},
接口格式:
//导入owl
export const importConceptSYZByOwl = (enName, user, file) => {
return request({
url: `rest/v2/.../importOwl?graph=${enName}&projectId=${user.projectId}&userName=${user.userName}`,
method: "post",
data: file,
});
};