本文介绍了Chrome 文件阅读器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
谁能给我一个使用 FileReader API 来获取 chrome 文件内容的例子?
Can someone give me an example of using the FileReader API go get contents of a file in chrome?
它似乎为我返回了 undefined.
<!doctype html> <html> <script> function handle_files(files) { console.log(files) reader = new FileReader() ret = [] for (i = 0; i < files.length; i++) { file = files[i] console.log(file) text = reader.readAsText(file) //readAsdataURL console.log(text) //undefined ret.push(text) } console.log(ret) // [undefined] } </script> <body> FileReader Test <input type="file" onchange="handle_files(this.files)"> </body> </html> 推荐答案我的问题是我认为 FileReader 是同步的.这是正确的方法.如果您使用的是 chrome,则此代码必须在服务器(本地主机或站点)上运行.它不适用于本地文件.
My problem was that I assumed FileReader was sychronous. Here is the right way to do it. If you are on chrome, this code has to be running on a server (localhost or on a site). It won't work with a local file.
<!doctype html> <html> <script> function handle_files(files) { for (i = 0; i < files.length; i++) { file = files[i] console.log(file) var reader = new FileReader() ret = [] reader.onload = function(e) { console.log(e.target.result) } reader.onerror = function(stuff) { console.log("error", stuff) console.log (stuff.getMessage()) } reader.readAsText(file) //readAsdataURL } } </script> <body> FileReader that works! <input type="file" multiple onchange="handle_files(this.files)"> </body> </html>更多推荐
Chrome 文件阅读器
发布评论