文件上傳下載

　　圖片下載
 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 })