强制通过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
download
这是一个简化的示例(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代替。
笔记