我试图提供一种仅脚本解决方案,用于通过浏览器读取客户端计算机上文件的内容。
我有一个可与Firefox和Internet Explorer一起使用的解决方案。它不是很漂亮,但是我现在只是在尝试:
function getFileContents() { var fileForUpload = document.forms[0].fileForUpload; var fileName = fileForUpload.value; if (fileForUpload.files) { var fileContents = fileForUpload.files.item(0).getAsBinary(); document.forms[0].fileContents.innerHTML = fileContents; } else { // try the IE method var fileContents = ieReadFile(fileName); document.forms[0].fileContents.innerHTML = fileContents; } } function ieReadFile(filename) { try { var fso = new ActiveXObject("Scripting.FileSystemObject"); var fh = fso.OpenTextFile(filename, 1); var contents = fh.ReadAll(); fh.Close(); return contents; } catch (Exception) { return "Cannot open file :("; } }
我可以打电话getFileContents(),它将内容写入fileContents文本区域。
getFileContents()
fileContents
有其他浏览器可以做到这一点吗?
目前,我最关心的是Safari和Chrome浏览器,但是我愿意接受其他任何浏览器的建议。
编辑: 回答问题,“为什么要这样做?”:
基本上,我想在客户端对文件内容和一次性密码进行哈希处理,以便我可以将此信息发回作为验证。
编辑以添加有关File API的信息
自从我最初写这个答案以来,文件API就已经被提议作为标准并在大多数浏览器中实现(从IE10开始,它增加了FileReader对此处描述的API的支持,尽管还不是FileAPI)。该API比较旧的MozillaAPI稍微复杂一点,因为它旨在支持文件的异步读取,对二进制文件的更好支持以及对不同文本编码的解码。Mozilla开发人员网络上有一些可用的文档,以及各种在线示例。您将按以下方式使用它:
FileReader
File
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对象具有的唯一键是fileName和fileSize。根据支持File和FileList的提交消息,这些是受Mozilla的File对象启发的,但它们似乎仅支持部分功能。
fileName
fileSize
如果您想更改此设置,则始终可以将补丁发送到WebKit项目。另一种可能性是建议将Mozilla API包含在HTML 5中。在WHATWG的邮件列表是可能做到这一点的最好的地方。如果这样做,那么至少在几年后,很有可能会有跨浏览器的方式来做到这一点。当然,提交修补程序或提案以包含在HTML5中确实意味着捍卫该想法的一些工作,但是Firefox已经实现它的事实为您提供了一些起点。