element-ui upload自定义formdata上传文件和参数

<el-upload list-type="text" action="" :http-request="HandleHttpRequestDescFile" :on-remove="handleRemoveDescFile" :file-list="this.fileList" ref="upload">

<el-button size="small" type="primary" title="需求附件">点击上传PBC文件</el-button>

</el-upload>

//上传

HandleHttpRequestDescFile(a){

let fileName = a.file.name;

let pos = fileName.lastIndexOf(".");

let lastName = fileName.substring(pos, fileName.length);

if (lastName.toLowerCase() !== ".xlsx") {

this.msgError("文件必须为.xlsx类型")

this.fileList = []

this.form.file = null

} else {

this.fileList = []

this.form.file = a.file

this.fileList.push(a.file)

}

//删除方法

handleRemoveDescFile(file) {

this.fileList = []

this.form.file = null

// if(this.descFile != ''){

// this.descFile.pop(file);

// }

/** 提交按钮 */

submitForm() {

console.log(this.fileList)

let msg = ''

if(this.form.file == null){

msg = '请上传PCB文件！'

}

if( this.form.invCode == ''|| this.form.invCode == undefined || this.form.invCode == null){

msg = '物料编码不能为空！'

}

if (msg != '') {

this.msgError(msg)

return

}

var formData = new FormData();

formData.append('files',this.form.file);

formData.append('invCode',this.form.invCode);

uploadFile(formData).then(res=>{

if(res.code == 200){

this.msgSuccess("成功");

this.open = false;

this.getList();

}else{

this.$message({ type: 'error', message: res.errmsg });

}

});

//上传

export function uploadFile(data) {

let config = {

headers: {

"Content-Type": "multipart/form-data"

}

return request({

url: '/api/smt/record/inv/files',

method: 'POST',

data: data,

headers: config,

})

}

巴特西

element-ui upload自定义formdata上传文件和参数

最新文章

热门文章