utils/images/downLoadRemoteFile.js

/**  * 获取 blob 实现不跳转下载  * @param  {String} url 目标文件地址  * @return {Promise}  */ const 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();   }); } /**  * 保存  * @param  {Blob} blob  * @param  {String} filename 想要保存的文件名称  */ const saveAs = (blob, filename) => {   if (window.navigator.msSaveOrOpenBlob) {     navigator.msSaveBlob(blob, filename);   } else {     let link = document.createElement('a');     let body = document.querySelector('body');     link.href = window.URL.createObjectURL(blob);     link.download = filename;     // fix Firefox     link.style.display = 'none';     body.appendChild(link);     link.click();     body.removeChild(link);     window.URL.revokeObjectURL(link.href);   } } /**  * 下载--获取文件 Blob，然后下载重命名  * @param  {String} url 目标文件地址  * @param  {String} filename 想要保存的文件名称  */ const downLoadRemoteFile = (url, filename) => {   getBlob(url).then(blob => {     saveAs(blob, filename);   }); }   export default downLoadRemoteFile;

页面：