a标签下载文件改名跨域

在使用a标签下载文件时，如果想要改变下载文件的文件名并且跨域，可以使用以下脚本进行处理：

export function downloadFile(fileUrl, fileName) {
  getBlob(fileUrl).then(blob => {
    save(blob, fileName);
  });
}

function getBlob(fileUrl) {
  return new Promise(resolve => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', fileUrl, true);
    xhr.responseType = 'blob';
    xhr.onload = () => {
      if (xhr.status === 200) {
        resolve(xhr.response);
      }
    };
    xhr.send();
  });
}

function save(blob, filename) {
  if (window.navigator.msSaveOrOpenBlob) {
    navigator.msSaveBlob(blob, filename);
  } else {
    const link = document.createElement('a');
    const body = document.querySelector('body');
    let binaryData = [];
    binaryData.push(blob);
    link.href = window.URL.createObjectURL(new Blob(binaryData));
    link.download = filename;
    // 修复Firefox的问题
    link.style.display = 'none';
    body.appendChild(link);
    link.click();
    body.removeChild(link);
    window.URL.revokeObjectURL(link.href);
  }
}

这段脚本可以通过传入文件的URL和新的文件名来实现下载文件并改变文件名的功能。首先，通过发送GET请求获取文件的Blob对象。然后，根据不同的浏览器类型，使用不同的方法来处理文件的保存和下载。对于IE浏览器，使用`navigator.msSaveBlob`方法进行保存。对于其他浏览器，创建一个隐藏的a标签，设置其链接和下载属性，然后模拟点击a标签来触发文件的下载。最后，移除a标签并销毁URL对象。