JavaScript 可以在 Safari 和 Chrome 中读取客户端本地文件内容吗？

在跨浏览器的 JavaScript 中读取客户端文件内容

努力寻找一种基于脚本的解决方案，用于从使用浏览器的客户端计算机，为 Firefox 和 Internet Explorer 开发了解决方案。然而，将此功能扩展到其他浏览器会引发一个问题：

我们可以在 Safari 和 Chrome 中访问客户端文件内容吗？

本机文件 API 方法

自从最初的答案以来，文件 API 已经成为大多数现代浏览器支持的标准化方法，包括IE 10 及更高版本。此 API 为异步文件读取、多文件处理和自适应文本编码解码提供了强大的支持。

要使用文件 API，可以采用以下步骤：

var file = document.getElementById("fileForUpload").files[0];
if (file) {
    var reader = new FileReader();
    reader.readAsText(file, "UTF-8");
    reader.onload = function (evt) {
        document.getElementById("fileContents").innerHTML = evt.target.result;
    }
    reader.onerror = function (evt) {
        document.getElementById("fileContents").innerHTML = "error reading file";
    }
}

基于 WebKit 的浏览器（Safari、Chrome）

不幸的是，在最初回复时，WebKit浏览器（包括 Safari 和 Chrome）缺乏对读取文件内容的本机支持。不过，也提出了建议：

• 向 WebKit 项目提交补丁。
• 建议将 Mozilla API 包含在 HTML 5 中。

从那时起，情况没有重大更新。 WebKit 浏览器仍然仅通过 File 对象提供对文件名和大小的访问，限制了直接从这些浏览器读取文件内容的能力。

替代注意事项

• 探索使用浏览器扩展的可行性。
• 实现服务器端 API 来处理文件阅读。
• 考虑使用拖放等替代技术来处理文件。

以上是JavaScript 可以在 Safari 和 Chrome 中读取客户端本地文件内容吗？的详细内容。更多信息请关注PHP中文网其他相关文章！