檔案下載重新命名
阿新 • • 發佈:2020-10-16
一、正常情況下,我們都如此下載檔案並修改檔名,在a標籤上面新增download屬性
var link = document.createElement('a'); link.href = file.url; link.download = file.name; //link.target="_blank"; link.click();
由於a.download跨域會失效,上面程式碼只可同域實現
二、通過blob實現跨域下載並修改檔名(同樣適用於URL地址)
//通過檔案下載url拿到對應的blob物件
getBlob(url) { return new Promise(resolve => { const xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = () => { if (xhr.status === 200) { resolve(xhr.response); } }; xhr.send(); });
js模擬點選a標籤進行下載
//下載檔案 saveAs(blob, filename) { var link = document.createElement('a'); link.href = window.URL.createObjectURL(blob); link.download = filename; link.click(); }
呼叫(name 要攜帶字尾名)
this.getBlob(file.url).then(blob => { this.saveAs(blob,'檔名.docx'); });