vue中el-upload上传+Axios
headers:{'Content-Type':'multipart/form-data'},//这里是重点,需要和后台沟通好请求头,Content-Type不一定是这个值。//FormData私有类对象,访问不到,可以通过get判断值是否传进去*/param.append('file',file);//通过append向form对象添加数据。//Context.Info("上传完成!//添加请求
·
vue页面:
<el-upload
class="upload-demo"
drag
action=""
:on-remove="handleRemove"
:show-file-list="true"
accept=".xlsx,.xls,csv,.txt"
ref="uploadFile"
:file-list="fileList"
:on-change="changeFile"
:http-request="httpRequest" :imit="1" >
</el-upload>
js部分:
function changeFile1(file, fileList) {
if (fileList.length > 1) {
fileList.splice(0, 1);
}
this.fileList1 = fileList;
}
function uploadExcel(e:any){ let file = e.target.files[0]; let param = new FormData(); //创建form对象 param.append('file',file);//通过append向form对象添加数据 let Person = Context.GetPerson().ID; let HospID = fmModel.HospID; param.append('person',Person+""); param.append('GroupID',fmModel.GroupID); param.append('GroupName',fmModel.GName); param.append('hospID',fmModel.HospID); /* console.log(param.get('file')); //FormData私有类对象,访问不到,可以通过get判断值是否传进去*/ let config = { headers:{'Content-Type':'multipart/form-data'},//这里是重点,需要和后台沟通好请求头,Content-Type不一定是这个值 timeout:{timeout: 300000}, }; //添加请求头 //timeout 5分钟 Axios.post("/excelExportController/uploadFile",param,config).then((res: any) => { if(res.success && res.result.status == 1){ //Context.Info("上传完成!"); let arr = []; arr = res.result.data dict.retText = arr.retText dict.excelList =arr.failureInfo; fmModel.dialogVisible4 = true; LoadPersonList(fmModel.GroupID,null); }else { Context.Warning(res.error); return false; } }).catch((e:any) => { Context.Warning("连接超时!请稍候重试"); LoadPersonList(fmModel.GroupID,null); }); }
更多推荐
已为社区贡献2条内容
所有评论(0)