使用<a>标签下载文件时重命名失效问题求助

问题原因 #

你遇到的情况核心原因有两个：一是assetdelivery服务器返回的文件响应头里包含了Content-Disposition字段，浏览器会优先使用这个头指定的随机文件名，直接忽略<a>标签的download属性；二是这类跨域资源如果没有配置CORS许可，前端没法直接读取文件内容进行重命名操作，这也是你之前尝试HttpGet、重命名链接等方法无效的关键。

可行解决方案 #

如果无法修改assetdelivery服务器配置，前端可以通过先获取文件内容再生成自定义下载链接的方式解决，前提是目标接口允许CORS请求（可先在浏览器控制台查看请求是否有跨域报错）。

修改你的downloadURI函数如下：

async function downloadURI(uri, name) {
  try {
    // 发起请求获取文件内容
    const response = await fetch(uri);
    if (!response.ok) throw new Error('文件请求失败');
    const blob = await response.blob();
    
    // 创建Blob格式的临时URL
    const blobUrl = URL.createObjectURL(blob);
    
    const link = document.createElement('a');
    link.href = blobUrl;
    // 这里设置你需要的自定义文件名
    link.download = name || 'tesitnging.rbxl';
    document.body.appendChild(link);
    link.click();
    
    // 清理DOM和临时资源
    document.body.removeChild(link);
    URL.revokeObjectURL(blobUrl);
  } catch (err) {
    console.error('下载出错:', err);
  }
}

补充说明 #

• 你原来的代码里重复多次设置link.download完全没必要，只需要设置一次即可。
• 如果fetch请求出现跨域错误，说明assetdelivery未开放CORS权限，这种情况下前端单独无法解决，只能通过后端代理处理：搭建一个简单的后端接口，先从assetdelivery下载文件，再转发给前端，同时在转发的响应头里自定义Content-Disposition指定文件名。

内容的提问来源于stack exchange，提问作者mre