Javascript 如何在前端指定下载文件名_Javascript

Javascript 如何在前端指定下载文件名

javascript

Javascript 如何在前端指定下载文件名,javascript,Javascript,更新：我正在尝试实现单击按钮并从其DataURL下载文件目前，由于Chrome限制了旧的方式，例如构建链接，该链接会引发如下错误：不允许将顶部框架导航到数据URL: 我找到的解决方案是使用iframe打开新窗口，并将DataURL设置为其src let jpgWindow = window.open("", "_blank") var html = "<html><body><iframe width='100%' height='100%' src='da

更新：

我正在尝试实现单击按钮并从其DataURL下载文件

目前，由于Chrome限制了旧的方式，例如构建

链接，该链接会引发如下错误：

不允许将顶部框架导航到数据URL:

我找到的解决方案是使用iframe打开新窗口，并将DataURL设置为其

src

let jpgWindow = window.open("", "_blank")
var html = "<html><body><iframe width='100%' height='100%' src='data:application/jpeg;base64, "+ theDataURL+"'></iframe></body></html>";
jpgWindow.document.write(html)

让jpgWindow=window.open（“，”_blank”）
var html=“”；
jpgWindow.document.write（html）

当我单击按钮时，下载工作正常，但图片是以文件名“download”下载的，我无法指定默认文件名。

有什么想法吗？

查看

window.URL.createObjectURL

const blob = new Blob(['array of data in your file'], {type : 'text/rtf'});
const anchor = document.createElement('a');

anchor.href = window.URL.createObjectURL(blob);
anchor.download = 'the-file-name.txt';
anchor.click();