js下載blob檔案
阿新 • • 發佈：2022-03-06
header設定
if (responseType == 'blob') { headerJosn['content-disposition'] = "attachment;filename=total.xls" headerJosn['content-type'] = 'application/x-download;charset=utf-8'; } if (responseType == 'upload') { headerJosn['content-type'] = 'multipart/form-data'; } this.$httpRequest.get(url, data, 'blob').then(res => { try { //這裡res是返回的blob物件 let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet這裡表示xlsx型別 // 下載型別大全 https://blog.csdn.net/yin_you_yu/article/details/116261304 let downloadElement = document.createElement('a'); let href = window.URL.createObjectURL(blob); //建立下載的連結 downloadElement.href = href; let time = (new Date()).valueOf(); downloadElement.download = '下載名稱' + time + '.csv'; //下載後文件名 document.body.appendChild(downloadElement); downloadElement.click(); //點選下載 document.body.removeChild(downloadElement); //下載完成移除元素 window.URL.revokeObjectURL(href); //釋放掉blob物件 } catch (e) {} })
if (responseType == 'blob') { headerJosn['content-disposition'] = "attachment;filename=total.xls" headerJosn['content-type'] = 'application/x-download;charset=utf-8'; } if (responseType == 'upload') { headerJosn['content-type'] = 'multipart/form-data'; } this.$httpRequest.get(url, data, 'blob').then(res => { try { //這裡res是返回的blob物件 let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); //application/vnd.openxmlformats-officedocument.spreadsheetml.sheet這裡表示xlsx型別 // 下載型別大全 https://blog.csdn.net/yin_you_yu/article/details/116261304 let downloadElement = document.createElement('a'); let href = window.URL.createObjectURL(blob); //建立下載的連結 downloadElement.href = href; let time = (new Date()).valueOf(); downloadElement.download = '下載名稱' + time + '.csv'; //下載後文件名 document.body.appendChild(downloadElement); downloadElement.click(); //點選下載 document.body.removeChild(downloadElement); //下載完成移除元素 window.URL.revokeObjectURL(href); //釋放掉blob物件 } catch (e) {} })