上传下载文件

下载需要把responseType=‘blob’;否则下载出来的文件打不开,文件扩展名错误
//在 request 拦截器实现
axios.interceptors.request.use(
config => {
config.baseURL = remoteUrl;
if (config.url.indexOf(‘login’)>0||config.url.indexOf(‘logout’)>0) {
//login单独设置content-type类型
config.headers = {
‘Content-Type’: ‘application/x-www-form-urlencoded’
}
}
console.log(‘config’,config);
if(config.url.indexOf(‘ImportExcel’)>0){
config.responseType=‘blob’;
}
return config
},
error => {
return Promise.reject(error)
}
)
axios.interceptors.response.use(response=>{
console.log(‘response’,response)
if(response.config.url.indexOf(‘ImportExcel’)>0){
//return response;
}
})
//下载
requestDownloadExcel(param).then(response=>{
let blob = new Blob([response]); // 这个content是下载的文件内容
if (‘download’ in document.createElement(‘a’)) {
let aTag = document.createElement(‘a’);   
aTag.download = ‘文件名称’      // 下载的文件名必填
aTag.href = URL.createObjectURL(blob);
aTag.click();              
URL.revokeObjectURL(blob);

            } else { // IE10+下载
             navigator.msSaveBlob(blob)
            
           }
        })

//上传格式校验
beforeUpload(){
var item = document.getElementById(‘myfile’).files[0];
if (item) {
if (item.size >= 20971520) {
this.KaTeX parse error: Expected 'EOF', got '}' at position 77: …alse }̲ let …message.warning(‘不支持’+fileType+‘文件上传’)
return false
}else if(fileNameFormat !=‘费用明细’){
this.$message.warning(‘不是含有费用明细的文件类型’)
return false
}else{
return true
}
}
},
//上传文件
requestUploadExcel(){
if(this.beforeUpload()){
this.upLoading = true;
let item = document.getElementById(‘myfile’).files[0];
let formData = new FormData();
let time=item.name.slice(4,10);
//设置上传文件名字(uuid唯一标识)
let uuid= generateUUID();
formData.append(‘file’,item,time+‘vj7wZslD’+uuid+’.xlsx’);
requestUploadExcel(formData).then(response=>{
if(response){

         }
       })
    }
  },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值