没有链接的JavaScript blob文件名

如何强制通过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。

Answer 1

我知道的唯一方法是FileSaver.js使用的技巧：

1. 创build一个隐藏的<a>标签。
2. 将它的href属性设置为blob的URL。
3. 将其download属性设置为文件名。
4. 点击<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代替。

笔记

• 旧版浏览器不支持“下载”属性，因为它是HTML5的一部分。
• 某些文件格式被浏览器视为不安全，下载失败。 用txt扩展名保存JSON文件适用于我。

Answer 2

我只是想扩大对Internet Explorer（大多数现代版本）的支持的接受答案，并且还使用jQuery整理代码：

 $(document).ready(function() { saveFile("Example.txt", "data:attachment/text", "Hello, world."); }); function saveFile (name, type, data) { if (data != null && navigator.msSaveBlob) return navigator.msSaveBlob(new Blob([data], { type: type }), name); var a = $("<a style='display: none;'/>"); var url = window.URL.createObjectURL(new Blob([data], {type: type})); a.attr("href", url); a.attr("download", name); $("body").append(a); a[0].click(); window.URL.revokeObjectURL(url); a.remove(); } 

这里是一个小提琴的例子 。 天啊 。

Answer 3

 $ http.get（FILE_URL {
                             responseType：'arraybuffer'
                           }）。then（function（response）{
                             var file = new Blob（[response.data]，{type：fType}）;
                             a.href = window.URL.createObjectURL（file）;
                             a.download = fname;
                             a.click（）;
                           }）;