新 API 寻求让 JavaScript 操作本地文件
2009-11-26 17:34
274 查看
日前,Mozilla 的 Arun Ranganathan 向 W3C 提交了一个草案,旨在推出一个 JavaScript API,让
JavaScript 脚本直接操作本地文件,Firefox 的最新浏览器版本中已经对该 API 提供了大量的支持,不过出于安全考虑,该API
将只对本地文件提供有限的访问。
该 API 引入了一个
以下例子使用该 API 打开一个本地文件并将文件内容显示在一个 div 容器中,我们甚至可以在 div 上加上
![](http://www.comsharp.com/Writable/Resource/_Random_/2009-11-26/js_file_api.gif)
随着 JavaScript 引擎的效率在各大浏览器的显著提高,JavaScript 可以做越来越多的事,本地文件 API
的引入将让很多有趣的功能成为现实。尽管该 API 并非多么重大的技术革命,但它将拓展 Web 应用的视野,让 Web 平台实现越来越多的功能。
本文来源:http://arstechnica.com/open-source/news/2009/11/w3c-publishes-draft-of-new-file-api-spec.ars
中文翻译来源:COMSHARP CMS 企业网站内容管理系统
官方站
JavaScript 脚本直接操作本地文件,Firefox 的最新浏览器版本中已经对该 API 提供了大量的支持,不过出于安全考虑,该API
将只对本地文件提供有限的访问。
该 API 引入了一个
FileReader 对象,可以异步加载本地文件系统中的文件,并允许开发者为诸如
加载失败,进度,加载完成等事件
分配回调函数,它提供的方法可以从本地文件中读取文本或二进制数据,并通过一个
abort 方法随时打断操作。
FileReader 对象使客户端的文件访问成为现实,用户不必再象以前那样首先将文件上传到服务器才能处理,事实上,IE 和 Firefox 已经拥有一些非标准的方法访问本地文件,但这些方法并非标准 JavaScript 行为。
FileReader 对象并不需要特别的权限,但出于显然的安全考虑,直接使用文件路径进行访问是不允许的,必须结合常规的 HTML file 对象,用户点击浏览之后,选择本地文件,JavaScript 再通过 DOM 引用该文件并进行操作,这个机制使得该 API 相对安全一些,因为任何本地文件的获取都需要用户的人工参与。
以下例子使用该 API 打开一个本地文件并将文件内容显示在一个 div 容器中,我们甚至可以在 div 上加上
contentEditable 属性,用户可以直接编辑文件的内容,不过,该 API 并没有提供将文件内容写回本地文件的方法,因此你编辑的内容无法保存。
![](http://www.comsharp.com/Writable/Resource/_Random_/2009-11-26/js_file_api.gif)
随着 JavaScript 引擎的效率在各大浏览器的显著提高,JavaScript 可以做越来越多的事,本地文件 API
的引入将让很多有趣的功能成为现实。尽管该 API 并非多么重大的技术革命,但它将拓展 Web 应用的视野,让 Web 平台实现越来越多的功能。
本文来源:http://arstechnica.com/open-source/news/2009/11/w3c-publishes-draft-of-new-file-api-spec.ars
中文翻译来源:COMSHARP CMS 企业网站内容管理系统
官方站
相关文章推荐
- W3C草案: 新API 寻求让 JavaScript 操作本地文件
- 新 API 寻求让 JavaScript 操作本地文件
- W3C草案: 新API 寻求让 JavaScript 操作本地文件
- JavaScript将增加本地操作API 可直接操作本地文件
- Javascript操作本地文件
- 如何用javascript操作本地文件(读写txt文件)
- 【JavaScript】js操作本地文件
- 如何用javascript操作本地文件(读写txt文件)
- JavaScript 直接操作本地文件的实现代码
- HTML5 本地文件操作之FileSystemAPI实例(一)
- JavaScript 直接操作本地文件的实现代码
- HTML5 本地文件操作之FileSystemAPI整理(一)
- HTML5 本地文件操作之FileSystemAPI实例(二)
- HTML5 本地文件操作之FileSystemAPI整理(二)
- HTML5 本地文件操作之FileSystemAPI实例(三)
- 如何用javascript操作本地文件(读写txt文件)
- HTML5 本地文件操作之FileSystemAPI实例(四)
- Javascript操作DOM常用API总结
- Html5 学习系列(四)文件操作API
- javabean操作文件正确,但是Jsp调用javabean时文件路径出错问题解决之JavaBean访问本地文件实现路径无关实现方法