强制通过window.location下载时，如何在JavaScript中设置Blob文件的名称？
function newFile(data) {
var json = JSON.stringify(data);
var blob = new Blob([json], {type: "octet/stream"});
var url = window.URL.createObjectURL(blob);
window.location.assign(url);
}
运行上面的代码即可立即下载文件，而无需刷新页面，如下所示：
bfefe410-8d9c-4883-86c5-d76c50a24a1d
我想将文件名设置为my-download.json。
我知道的唯一方法是FileSaver.js使用的技巧：
<a>标签。href属性设置为Blob的URL。download属性设置为文件名。<a>标签。这是一个简化的示例（jsfiddle）：
var saveData = (function () {
var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
return function (data, fileName) {
var json = JSON.stringify(data),
blob = new Blob([json], {type: "octet/stream"}),
url = window.URL.createObjectURL(blob);
a.href = url;
a.download = fileName;
a.click();
window.URL.revokeObjectURL(url);
};
}());
var data = { x: 42, s: "hello, world", d: new Date() },
fileName = "my-download.json";
saveData(data, fileName);
我写这个例子只是为了说明这个想法，在生产代码中使用FileSaver.js代替。
笔记
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句