前端經過 post 下載文件

兩種通用方法

• window.open
• 利用 blob 下載

什麼是 blob ?

Blob，Binary Large Object的縮寫，表明二進制類型的大對象。Blob的概念在一些數據庫中有使用到，例如，MYSQL中的BLOB類型就表示二進制數據的容器。在Web中，Blob類型的對象表示不可變的相似文件對象的原始數據，通俗點說，就是Blob對象是二進制數據，但它是相似文件對象的二進制數據，所以能夠像操做File對象同樣操做Blob對象，實際上，File繼承自Blob。

結合請求去用

服務端返回這種流文件格式

其實這個多是一個 表格的文件流，若是用post 下載如何去下載呢？ 廢話很少說直接上代碼：

fetch('Excel.do',{
			method: 'post',
			headers: {
				'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
				'Content-Type' : 'application/x-www-form-urlencoded'
			},
			'credentials': 'include',
			body: Serialize(this.getSearchParam()).substr(1)
		})
		.then(res => res.blob())
	    .then(blob => {
	        console.log(blob)
	        var a = document.createElement('a');
	        var url = window.URL.createObjectURL(blob);
	        var filename = time+'createUserSkuExcel.xls';
	        a.href = url;
	        a.download = filename;
	        a.click();
	        window.URL.revokeObjectURL(url);
	    })
複製代碼

注意事項

• 必定要知道文件名字
• 兼容性目前只支持現代瀏覽器