日期:2014-05-16 浏览次数:20358 次
利用html5读取本地的文件,此方法在chrome和firefox有效,利用是的FileReader.
<!DOCTYPE> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>read local file</title> </head> <body> <h3>read local file with html5</h3> <p>考参 : http://www.jsmix.com/html5/file-reader.html</p> <p>使用 : 在chrome测试通过,其他浏览器没测试;直接双击打开显示错误的,把它放在一个web server的目录中,通过服务器的路径,如: http://127.0.0.1/a.html 打开<p> <input type="file" id="f1" onchange="xx();"> <hr> <div id="content"></div> <script> function xx (){ var dd = document.getElementById('content'); var reader = new FileReader(); if (typeof (FileReader) == "undefined"){ dd.innerHTML = "your browser doesn't support filereader"; return; } var file = document.getElementById('f1').files[0]; reader.onload = function (e){ dd.innerHTML += this.result; } reader.onerror = function (e){ dd.innerHTML = "error<br>"; } reader.readAsText(file); } </script> </body> </html>?