通常，HTML 页面可以链接到可以从服务器下载的文档（PDF 等...）。
假设一个启用 Javascript 的网页，是否可以从用户浏览器中动态创建一个文本文档（例如）并添加一个链接来下载该文档而无需往返服务器（或最少的一个）？
换句话说，用户点击一个按钮，javascript 会生成随机数（例如），并将它们放入一个结构中。然后，javascript（例如 JQuery）将添加一个指向页面的链接，以从结构中下载结果作为文本文件。
此目标是将所有（或至少大部分）工作负载保留在用户端。
这是否可行，如果可行，如何？
【问题讨论】：
标签： javascript file dynamic download creation
这是我创建的一个解决方案，它允许您通过单击创建和下载文件：
<html>
<body>
<button onclick='download_file("my_file.txt", dynamic_text())'>Download</button>
<script>
function dynamic_text() {
return "create your dynamic text here";
}
function download_file(name, contents, mime_type) {
mime_type = mime_type || "text/plain";
var blob = new Blob([contents], {type: mime_type});
var dlink = document.createElement('a');
dlink.download = name;
dlink.href = window.URL.createObjectURL(blob);
dlink.onclick = function(e) {
// revokeObjectURL needs a delay to work properly
var that = this;
setTimeout(function() {
window.URL.revokeObjectURL(that.href);
}, 1500);
};
dlink.click();
dlink.remove();
}
</script>
</body>
</html>
我通过修改 this HTML5 demo 中的代码并在它工作之前乱七八糟地创造了这个，所以我确信它存在问题（如果你有改进，请评论或编辑！）但它是一个 工作，单击解决方案。
（至少，它适用于 Windows 7 中最新版本的 Chrome）
【讨论】：
【讨论】：
<link> 标签中使用它。
PDF 文件？没有。一个txt 文件。是的。使用最近的 HTML5 blob URI。一个非常基本的代码形式如下所示：
window.URL = window.webkitURL || window.URL;
window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder;
var file = new window.BlobBuilder(),
number = Math.random().toString(); //In the append method next, it has to be a string
file.append(number); //Your random number is put in the file
var a = document.createElement('a');
a.href = window.URL.createObjectURL(file.getBlob('text/plain'));
a.download = 'filename.txt';
a.textContent = 'Download file!';
document.body.appendChild(a);
您可以使用其他答案中提到的其他方法作为后备，也许，因为 BlobBuilder 可能 isn't supported 非常好。
注意： BlobBuilder 似乎已被弃用。 Refer to this answer to see how to use Blob instead of BlobBuilder。感谢@limonte 的提醒。
【讨论】：
BlobBuilder 已弃用，请参阅stackoverflow.com/a/15031019/1331425