javascript 读取本地文件

最新推荐文章于 2024-11-06 18:05:13 发布

iteye_16691

最新推荐文章于 2024-11-06 18:05:13 发布

阅读量290

点赞数

分类专栏： web 文章标签： html5

本文链接：https://blog.youkuaiyun.com/iteye_16691/article/details/82135576

版权

web 专栏收录该内容

9 篇文章

订阅专栏

利用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" οnchange="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>