日期:2014-05-16  浏览次数:20358 次

javascript 读取本地文件

利用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>
?
1 楼 greatghoul 2012-02-20  
FileReader在chrome以下,需要在服务器端才能运行..
真不爽呀。