宝哥软件园

JavaScript直接操作本地文件的实现代码

编辑:宝哥软件园 来源:互联网 时间:2021-10-25

几天前,Mozilla向W3C提交了一份草案,旨在推出一个JavaScript API,允许JavaScript脚本直接操作本地文件。Firefox的最新浏览器版本已经为这个API提供了很多支持,但是出于安全考虑,这个API只会提供对本地文件的有限访问。API引入了FileReader对象,可以异步加载本地文件系统中的文件,并允许开发人员为加载失败、进度、加载完成等事件分配回调函数。API提供的方法可以从本地文件中读取文本或二进制数据,并通过中止方法随时中断操作。FileReader对象使客户端的文件访问成为现实,用户在处理文件之前不必将文件上传到服务器。事实上,IE和Firefox已经有了一些非标准的方法来访问本地文件,但是这些方法并不是标准的JavaScript行为。FileReader对象不需要特殊权限,但出于明显的安全考虑,不允许使用文件路径直接访问,必须与常规的HTML文件对象结合使用。用户点击浏览后,选择本地文件,JavaScript通过DOM引用文件并操作。这种机制使API相对更安全,因为任何本地文件的获取都需要用户的手动参与。以下示例使用API打开一个本地文件,并在div容器中显示该文件的内容。我们甚至可以将contentEditable属性添加到div中,这样用户就可以直接编辑文件的内容。但是,API没有提供将文件内容写回本地文件的方法,因此无法保存您编辑的内容。

虽然在JavaScript中加入API并不是一场伟大的技术革命,但它将拓宽Web应用的视野,使Web平台实现越来越多的功能。

更多资讯
游戏推荐
更多+