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);
    });

}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐