一、正常情況下，我們都如此下載文件并修改文件名，在a標簽上面添加download屬性

var link = document.createElement('a');

link.href = file.url;

link.download = file.name;

link.target="_blank";

link.click();

由于a.download跨域會失效，上面代碼只可同域實現

二、通過blob實現跨域下載并修改文件名

點擊時調用如下方法

function load(file) {this.getBlob(file.url).then(blob =>{this.saveAs(blob, file.name);

});

},

//通過文件下載url拿到對應的blob對象

getBlob(url) {return new Promise(resolve =>{const xhr = newXMLHttpRequest();

xhr.open('GET', url, true);

xhr.responseType= 'blob';

xhr.οnlοad= () =>{if (xhr.status === 200) {

resolve(xhr.response);

}

};

xhr.send();

});

},

//下載文件

saveAs(blob, filename) {

var link = document.createElement('a');

link.href = window.URL.createObjectURL(blob);

link.download = filename;

link.click();

}

————————————————

版權聲明：本文為CSDN博主「cici-99」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/pqj222/java/article/details/102628834