文件上传

 

html部分

<input type="file" @change='uploadFiles' accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" class="upload">

 

js部分引入

import axios from 'axios';

 

 

方法

 uploadFiles(e) {

 var that =this;

console.log(e);

axios.defaults.withCredentials = true;

let file = e.target.files[0];

let param = new FormData(); //创建form对象

param.append('file',file,file.name);//通过append向form对象添加数据

param.append('chunk','0');//添加form表单中其他数据

console.log(param.get('file')); //FormData私有类对象，访问不到，可以通过get判断值是否传进去

console.log(param);

let config = {

headers:{

'Content-Type':'multipart/form-data',

'fromId':1

}

}; //添加请求头

axios.post('/GoodsCard/import',param,config)

.then(response=>{

console.log('导入成功返回的数据',response.data);

if(response.data.code==4){

alert("您所上传的文件格式不对")

}else if(response.data.code==1){

console.log(response.data.data)

// return false;

that.staffinfoForm.number=response.data.data;

}

}).catch(error=>{

console.log('错误');

console.log(error);

})

        

     }