1. 程式人生 > 實用技巧 >vue中下載Excel模板檔案

vue中下載Excel模板檔案

let fileName = '****';
downExcel(fileName).then(res => { // 請求下載介面
	// 處理返回的檔案流
	const content = res;
	const blob = new Blob([content]);
	const fileName = "Excel檔名稱" + ".xlsx";
	if ("download" in document.createElement("a")) {
		// 非IE下載
		const elink = document.createElement("a");
		elink.download = fileName;
		elink.style.display = "none";
		elink.href = URL.createObjectURL(blob);
		document.body.appendChild(elink);
		elink.click();
		URL.revokeObjectURL(elink.href); // 釋放URL 物件
		document.body.removeChild(elink);
	} else {
		// IE10+下載
		navigator.msSaveBlob(blob, fileName);
	}
});

// 走後臺介面 獲取檔案流
export function downExcel(fileName) { 
	return request({
		url:'**********?fileName=' + fileName,
                method:'get',
                headers: {
                    "Content-Type": "application/json;application/octet-stream"
                },
                responseType: "blob",
                params:''
	})
}