JavaScript将增加本地操作API 可直接操作本地文件

开发 前端
让JavaScript脚本直接操作本地文件,Mozilla已向W3C提交了一个草案,在JavaScript API中引入FileReader对象,增加本地操作的功能。

Chrome、IE和Firefox都纷纷在新版中增强了JavaScript引擎的执行效率,随着JavaScript效率在各大浏览器的显著提高,JavaScript可以做越来越多的事,本地文件API的引入将让很多有趣的功能成为现实。

日前,Mozilla向W3C提交了一个草案,旨在推出一个JavaScript API,让JavaScript 脚本直接操作本地文件,Firefox的***浏览器版本中已经对该API提供了大量的支持,不过出于安全考虑,该API将只对本地文件提供有限的访问。

#T#该API引入了一个FileReader 对象,可以异步加载本地文件系统中的文件,并允许开发者为诸如加载失败,进度,加载完成等事件分配回调函数,它提供的方法可以从本地文件中读取文本或二进制数据,并通过一个 abort 方法随时打断操作。

FileReader对象使客户端的文件访问成为现实,用户不必再象以前那样首先将文件上传到服务器才能处理,事实上,IE 和 Firefox 已经拥有一些非标准的方法访问本地文件,但这些方法并非标准 JavaScript 行为。

FileReader对象并不需要特别的权限,但出于显然的安全考虑,直接使用文件路径进行访问是不允许的,必须结合常规的 HTML file 对象,用户点击浏览之后,选择本地文件,JavaScript 再通过 DOM 引用该文件并进行操作,这个机制使得该 API 相对安全一些,因为任何本地文件的获取都需要用户的人工参与。

以下例子使用该 API 打开一个本地文件并将文件内容显示在一个 div 容器中,我们甚至可以在 div 上加上 contentEditable 属性,用户可以直接编辑文件的内容,不过,该 API 并没有提供将文件内容写回本地文件的方法,因此你编辑的内容无法保存。

JavaScript API示例 

尽管在JavaScript中增加API并非多么重大的技术革命,但它将拓展 Web 应用的视野,让 Web 平台实现越来越多的功能。

责任编辑:佚名 来源: comsharp
相关推荐

2017-12-01 10:13:42

前端操作上传

2020-05-20 08:57:14

JavaScript读取文件开发

2010-06-02 14:01:51

建立Subversio

2010-01-25 13:56:58

Android本地广播

2015-08-14 10:32:10

CentOSOpenStack搭建本地源

2015-06-05 09:47:29

2022-06-28 12:14:02

DockerLinux

2010-02-03 15:46:43

Linux iso

2010-03-25 13:59:52

Python API

2011-05-25 10:13:09

WordPressJavaScript

2010-03-15 14:33:24

Ubuntu Linu

2009-07-21 17:26:09

Scala本地函数

2009-07-01 14:32:37

JSP文件操作

2021-02-07 10:55:01

网络安全文件API

2023-05-08 15:21:05

JavaScripWeb 存储数据存储

2021-01-28 18:06:49

JavaScriptCookieWeb

2010-05-04 15:03:12

Unix操作系统

2013-07-30 12:30:57

Windows PhoWindows Pho

2017-01-01 09:43:40

2012-07-10 11:37:45

Chrome浏览器
点赞
收藏

51CTO技术栈公众号