最近用vue整前端,有個下載幫助文檔的需求,前後端分離的項目,對於萬年不變的幫助文檔來說,本次就準備放在前端,實現直接從前端下載文件:
下面是實現的具體方法:
downfile() {
var url = "../static/file/test.pdf";
var filename = "test.pdf";
return fetch(url).then(res => res.blob().then(blob => {
let a = document.createElement('a');
let url = window.URL.createObjectURL(blob);
a.href = url;
a.download = filename;
a.click();
window.URL.revokeObjectURL(url);
}))
}