如何创建动态文件&x2B；Javascript中的下载链接？
通常，HTML页面可以链接到可以从服务器下载的文档（PDF等） 假设启用了Javascript的网页，是否可以从用户浏览器中动态创建文本文档（例如），并添加链接以下载此文档，而无需往返服务器（或最少一次） 换句话说，用户点击一个按钮，javascript将生成随机数（例如），并将它们放入一个结构中。然后，javascript（例如JQuery）将添加到页面的链接，以将结果作为文本文件从结构中下载 此目标是将所有（或至少大部分）工作负载保留在用户端 这是否可行，如果可行，如何实现？通过在页面中添加一个，您可以在页面中嵌入一个可下载的文档。可以使用Javascript动态连接字符串的数据部分。您可以选择将其格式化为URL编码字符串或base64编码字符串。当它是base64编码时，浏览器将下载内容作为文件。您必须添加一个或jQuery插件来进行编码。下面是一个静态数据示例：如何创建动态文件&x2B；Javascript中的下载链接？,javascript,file,dynamic,download,creation,Javascript,File,Dynamic,Download,Creation,通常，HTML页面可以链接到可以从服务器下载的文档（PDF等） 假设启用了Javascript的网页，是否可以从用户浏览器中动态创建文本文档（例如），并添加链接以下载此文档，而无需往返服务器（或最少一次） 换句话说，用户点击一个按钮，javascript将生成随机数（例如），并将它们放入一个结构中。然后，javascript（例如JQuery）将添加到页面的链接，以将结果作为文本文件从结构中下载 此目标是将所有（或至少大部分）工作负载保留在用户端 这是否可行，如果可行，如何实现？通过在页面中添加
jQuery('body').prepend(jQuery('<a/>').attr('href','data:text/octet-stream;base64,SGVsbG8gV29ybGQh').text('Click to download'))
jQuery（'body'）.prepend（jQuery（''）.attr（'href'，'data:text/octet stream；base64，SGVsbG8gV29ybGQh'）.text（'Click to download'））
txtblobwindow.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<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>
下载
函数dynamic_text（）{
返回“在此处创建动态文本”；
}
函数下载文件（名称、内容、mime类型）{
mime_类型=mime_类型| |“文本/普通”；
var blob=新blob（[contents]，{type:mime_type}）；
var dlink=document.createElement（'a'）；
dlink.download=名称；
dlink.href=window.URL.createObjectURL（blob）；
dlink.onclick=函数（e）{
//revokeObjectURL需要延迟才能正常工作
var=这个；
setTimeout（函数（）{
window.URL.revokeObjectURL（that.href）；
}, 1500);
};
dlink.click（）；
dlink.remove（）；
}
（至少，在Windows 7中最新版本的Chrome上它对我有效）现在，我们可以使用构建URL来下载任何动态创建的数据。这在IE和Edge中不起作用：这是错误的。它将在IE和Edge中用于下载链接。它在IE/Edge中不适用于HTML和CSS文件等页面资产。您可以下载CSS，但不要在
BlobBuilder