- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我已经能够编写 JavaScript 来使浏览器使用如下代码从远程服务器下载文件:
var iframe = document.createElement("iframe");
iframe.style.display = "none";
iframe.src = "filename.zip"
document.body.appendChild(iframe);
效果很好。但是,现在我遇到了不同的情况,文件的内容存储在浏览器端我的 JavaScript 中的一个字符串中,我需要触发该文件的下载。我尝试用这个替换上面的第三行,其中“myFileContents”是包含文件实际字节的字符串:
iframe.src = "data:application/octet-stream;base64," + Base64.encode(myFileContents);
这会下载文件,但文件名会丢失。在 Chrome 中,文件名只是“下载”。我还了解到某些浏览器版本对文件大小有限制。
有办法实现吗?使用 JQuery 就可以了。该解决方案需要支持任何文件类型 - zip、pdf、csv、png、jpg、xls 等...
最佳答案
在some newer browsers你可以使用新的 HTML5 download attribute在 a
标签上实现这一点:
var a = document.createElement('a');
a.download = "filename.txt";
a.href = "data:application/octet-stream;base64," + Base64.encode(myFileContents);
a.click();
对于 future 的解决方案,您可以查看 HTML5 FileSystem API , 但是这个 API 是 not currently supported in most of the major browsers .它可能对您没有多大用处,只是如果您愿意的话,它可能会为您提供另一种在本地存储文件的方法。但它不会将文件存储在用户本地可访问的文件系统上,您必须开发自己的基于浏览器的界面,以便您的用户与文件进行交互。从 HTML5 文件系统下载文件到用户本地文件系统在任何情况下都将再次使用 a
标签上的新下载属性来完成,然后该标签将引用 HTML5 文件系统中的位置而不是指在线位置。
要使用 iframe
元素执行此操作,您必须以某种方式将 iframe 上的 Content-Disposition
请求 header 设置为 inline; filename="filename.txt"
使用客户端 JavaScript,我认为不可能这样做,很可能是因为安全问题。如果您真的没有任何其他选择,您可以通过使用 AJAX 将字符串发送到服务器然后使用正确的请求 header 设置从那里再次下载它来降低下载速度性能。
关于javascript - 如何让网络浏览器下载存储在 JavaScript 字符串中的文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16450733/
我是一名优秀的程序员,十分优秀!