从具有不同文件名的 URL 下载文件答案

【问题标题】：Download a file from URL with different file name从具有不同文件名的 URL 下载文件
【发布时间】：2020-02-16 06:21:58
【问题描述】：

我使用 JavaScript 具有以下功能

后端给了我一个从下面下载文件的 URL -

https://something.org/FILENAME.ZIP

所以我的文件名固定为FILENAME.ZIP

但是在下载文件时，应该使用自定义文件名下载文件，例如 CUSTOMFILENAME.ZIP 而不是 FILENAME.ZIP

所以，

1) 文件应该从 URL 下载：https://something.org/FILENAME.ZIP

2) 但它应该以不同的文件名保存为： CUSTOMFILENAME.ZIP

3）我尝试了以下来自 url 的程序 - how to download a file from url using javascript or jquery?

var a = document.createElement("a");
a.href = url;
var fileName = CUSTOMFILENAME;
a.download = fileName;
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
a.remove();

但仍然会使用 URL 中提到的任何文件名

下载文件

有人可以帮我吗？

文件应使用我提供的 CUSTOMFILENAME 保存，而不是 fileName specified 作为URL的一部分

【问题讨论】：

这通常在服务器端使用content-disposition 标头完成。
您可能遇到过这个问题。 https://stackoverflow.com/questions/33909763/download-attribute-with-a-file-name-not-working 您可能需要分两步解决它：下载内容然后将内容写入文件。

标签： javascript

【解决方案1】：

你给一个对象作为下载名称给一个字符串

【讨论】：

【解决方案2】：

试试这个看看是否有效，

const documentName = "CustomFileName"; // here your file name 

fetch("http://yourdomain.com")
.then(res => {
    return res.blob();
})
.then(blob => {
    const href = window.URL.createObjectURL(blob);
    const a = document.createElement("a");
    a.download = documentName;
    a.href = href;
    a.click();
    a.href = "";
  })
  .catch(err => console.error(err));

【讨论】：