您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

在各种浏览器中使用javascript在客户端读取文件内容

在各种浏览器中使用javascript在客户端读取文件内容

自从我最初写这个答案以来,文件API就已经被提议作为标准并在大多数浏览器中实现(从IE10开始,它增加FileReader对此处描述的API的支持,尽管还不是FileAPI)。该API比较旧的MozillaAPI稍微复杂一点,因为它旨在支持文件的异步读取,对二进制文件的更好支持以及对不同文本编码的解码。Mozilla开发人员网络上有一些可用的文档,以及各种在线示例。您将按以下方式使用它:

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)似乎没有办法做到这一点。File对象具有的唯一键是fileNamefileSize。根据支持File和FileList的提交消息,这些是受Mozilla的File对象启发的,但它们似乎仅支持部分功能

如果您想更改此设置,则始终可以将补丁发送到WebKit项目。另一种可能性是建议将Mozilla API包含在HTML 5中。在WHATWG的邮件列表是可能做到这一点的最好的地方。如果这样做,那么至少在几年后,很有可能会有跨浏览器的方式来做到这一点。当然,提交修补程序或提案以包含在HTML5中确实意味着捍卫该想法的一些工作,但是Firefox已经实现它的事实为您提供了一些起点。

javascript 2022/1/1 18:22:56 有322人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶