html5 文件系统(二)
2014-02-13 10:40
211 查看
js生成BLob然后下载该Blob。
现在页面又这样一个json数据
然后我想直接让用户下载,下次提交给服务器。
方法如下:
最后调用saveData方法。
现在页面又这样一个json数据
var data = { age: 42, message: "hello, world", date: new Date() }
然后我想直接让用户下载,下次提交给服务器。
方法如下:
var saveData = (function () { var a = document.createElement("a"); document.body.appendChild(a); a.style = "display: none"; return function (data, fileName) { var json = JSON.stringify(data), blob = new Blob([json], {type: "octet/stream"}), url = window.URL.createObjectURL(blob); a.href = url; a.download = fileName; a.click(); window.URL.revokeObjectURL(url); }; }());
最后调用saveData方法。
saveData(data, "myfile.txt");
相关文章推荐
- [Mugeda HTML5技术教程之16]案例分析:制作跨屏互动游戏
- HTML5学习笔记
- HTML5 随机弹跳的小球
- html5中页面拨打电话的方式
- [Mugeda HTML5技术教程之16]案例分析:制作跨屏互动游戏
- !!常用HTML5代码
- [应用模板]HTML5+Phonegap通讯录
- HTML5画时钟
- 15款免费的HTML5编码工具推荐(附下载)
- css3与html5实现响应式导航菜单(导航栏)效果分享
- 一起来画画!8款最佳HTML5绘图工具
- HTML5入门视频教程
- 前端开发攻城师绝对不可忽视的五个HTML5新特性
- HTML5视频标签video
- 小强的HTML5移动开发之路(41)——jqMobi中Side Menu实现(类似人人网)
- 小强的HTML5移动开发之路(41)——jqMobi中Side Menu实现(类似人人网)
- [Mugeda HTML5技术教程之15]案例分析:制作移动教育课件
- [Mugeda HTML5技术教程之15]案例分析:制作移动教育课件
- 小强的HTML5移动开发之路(40)——jqMobi中实践header定义的几种方式
- 小强的HTML5移动开发之路(40)——jqMobi中实践header定义的几种方式