文件上传下载 

　　图片下载
 1 axios({
 2                 method: 'get',
 3                 url: url,
 4                 responseType: 'arraybuffer'
 5             }).then( res=>{
 6                 // console.log(res)
 7                 let blob = new Blob([res],{type: 'image/jpg'})
 8                 let objectUrl = URL.createObjectURL(blob)
 9                 let a = document.createElement('a');
10                 document.body.appendChild(a); //此处增加了将创建的添加到body当中
11                 a.href = objectUrl;
12                 a.download = this.formData.channelName;
13                 a.target = '_blank';
14                 a.click();
15                 a.remove(); //将a标签移除
16             })

 文件上传使用axios

 

HTML代码：
<div class="loadBox">
    <el-button type="primary" class="loadBtn">导入Excel</el-button>
    <input type="file" @change="loadExcel" class="loadFile" >
</div>

 

 

 

 1 axios({
 2    method: 'post',
 3    url: api.getModifyCreditByFileModel,
 4    data: formData 
 5 }).then( res=>{
 6                 16 }).catch( err=>{
17                 24 })

文件上传2使用fetch

 1 const formData = new FormData();
 2 formData.append('file',e.target.files[0]);
 3 const url = this.axios.defaults.baseURL + api.getModifyCreditByFileModel
 4 fetch(url,{
 5   method: 'POST',
 6   body: formData,
 7   headers: {　　
 8     UserToken: JSON.parse(sessionStorage.getItem('token'))
 9   }
10 }).then( async response=>{
11    const res = await response.json()　　//获取后台返回数据
12    console.log(res)
13                 31 }).catch( err=>{
34                 42 })

 

posted @ 2019-04-11 11:59  小白是鱼骨头呀！  阅读(123)  评论(0)  编辑  收藏  举报