javascript – 使用客户端脚本下载Spawn

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用客户端脚本下载Spawn，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1458字，纯文字阅读大概需要3分钟。

内容图文

在运行客户端的应用程序中,在浏览器中,用Javascript编写,您可以使用本地存储来保持状态.如果用户需要能够从客户端应用程序提取其数据,则一种选择是将内容发布到服务器并让服务器使用正确的内容类型和其他标头回送它以产生下载操作.

有没有办法使用纯客户端脚本生成这样的下载操作,而不将内容发布到服务器并回显它？

解决方法:

我发现了如何执行此操作：您可以使用Blob,createObjectURL()和锚标记.

这个JSFiddle显示了一个适用于Chrome和Internet Explorer的解决方案,甚至还支持Chrome中的拖放保存(您可以将保存按钮拖到Windows资源管理器中以保存文档.)http://jsfiddle.net/fa9y6/9/

首先,您必须构造一个Blob来保存：

var blob = new Blob([ $('#documentContent').val() ], { type: mimeType });

在Internet Explorer中将其保存为文件最简单：

if (window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveOrOpenBlob(blob, filename); 
}

在Chrome(和Firefox)中,您可以构建一个锚标记并单击()它：

var a = document.createElement('a');
a.download = filename;
a.href = window.URL.createObjectURL(blob);
a.click();
if (a.remove) a.remove();

要支持拖放文件保存,您需要将处理程序附加到dragstart：

if (window.chrome) {
     document.body.addEventListener('dragstart', function(e) {
         // Some use a class, here. My sample only has one save button.
         if (e.target.id == 'downloadButton') {      
             var blob = new Blob([ $('#documentContent').val() ], { type: mimeType });
             e.dataTransfer.setData('DownloadURL', [mimeType, $('#fileName').val(), window.URL.createObjectURL(blob)].join(':'));
         }
     });
}

(我没有在较旧的浏览器版本中执行彻底的浏览器兼容性测试.)

内容总结

以上是互联网集市为您收集整理的javascript – 使用客户端脚本下载Spawn全部内容，希望文章能够帮你解决javascript – 使用客户端脚本下载Spawn所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端