js下載blob文件

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) {}

})