注意调取导入的请求 Content-Type为multipart/form-data
html代码
注意input的type属性为file,input的id和label的for属性相同
<input style="display:none;" id="up" ref="file" type="file" class="form-control" @change="tap">
<label for="up" >
<span class="btn btn-primary waves-effect waves-light" >导入待开发客户</span>
</label>
axios请求后台接口
tap(){
var formFile = new FormData();
var sum = document.getElementById("up").files.length;
// let flag = false;
if (sum < 1) {
return;
}
for (var i = 0;i < sum;i++){
formFile.append("file", document.getElementById("up").files[i]); //加入文件对象
}
formFile.append("bsstyle", '采购');
ASK.post(CDK.host+'/customer/uploadData',formFile,res=>{
if(res.code == 200){
this.sitylist()
CDK.success('导入成功')
}
},err=>{
console.log(err)
})
},
下载
open后为需要访问的后台接口和传的参数
downData1() {
window.open(CDK.hosts +"/customer/downData1?token=" +CDK.token);
},