强制下载在 JavaScript 中使用 FileWriter 创建的 blob [重复]

Question

HTML5 引入了 FileWriter 类。通过这个类，您可以制作 Blob。 （文件是 Blob 的扩展。）使用 JavaScript，您可以创建一个 Blob，例如使用 dataURL 显示它。

例子：

var bb = new BlobBuilder();
bb.append('some text')
var blob = bb.getBlob('text/plain');

var fr = new FileReader();
fr.onload = function(e) {
 document.location = this.result; // voila the dataURL
}
fr.readAsDataURL(blob);

但这还不够好:) 我希望下载新创建的（文本）文件。不在同一窗口或单独的窗口中打开。

有办法吗？必须有。怎么样？

（讨论已经存在于Google Chrome group）

更新
文件 API 已更改，因为规范已更改（或什么！？）。 Webkit 打破了与BlobBuilder 的向后兼容性，现在称为WebKitBlobBuilder。 Same example differently on jsFiddle

更新
现在创建 Blob 的工作方式再次不同（不再有 append()）：

blob = new Blob(['some text'], {type: 'text/plain'});

Answer 1

下载标签与 Blob 对象的结合可以解决问题（至少在最新的 chrome 版本中）。看到这个fiddle：

var blob = new Blob(['blaaaaat'], {type: 'text/plain'});
$('a').attr("href", window.URL.createObjectURL(blob));
$('a').attr("download", "woeii.txt");

F̶i̶r̶e̶f̶o̶x̶̶d̶o̶e̶s̶n̶'̶t̶̶s̶u̶p̶p̶o̶r̶t̶̶t̶h̶e̶̶d̶o̶w̶n̶l̶o̶a̶d̶̶a̶t̶t̶r̶i̶b̶u̶t̶e̶ 虽然（它确实支持 Blob 对象）。火狐中下载属性的实现讨论are available here：

编辑：自 2013 年 10 月 3 日起，最新的 firefox 版本现在支持下载属性

Answer 2

这是一个纯 Javascript 解决方案，用于创建文本 blob 并下载为文本文件

var fileContent = 'This is sample text file';
var fileName = 'sampleFile.txt';

const blob = new Blob([fileContent], { type: 'text/plain' });
const a = document.createElement('a');
a.setAttribute('download', fileName);
a.setAttribute('href', window.URL.createObjectURL(blob));
a.click(); // EXECUTING CLICK EVENT WILL AUTO-DOWNLOAD THE FILE