如何使用Javascript FileReader()打开本地文件

Question

如何使用Javascript FileReader()打开本地文件

Nem*_*XXX 7 javascript filereader local-files

我想修改此代码,使其仅适用于特定文件,但我无法弄清楚正确的URL参数和我发现的所有代码示例都使用文件选择对话框.

<!DOCTYPE html>
<html>
  <head>
    <title>reading file</title>
    <script type="text/javascript">

        var reader = new FileReader();

        function readText(that){

            if(that.files && that.files[0]){
                var reader = new FileReader();
                reader.onload = function (e) {  
                    var output=e.target.result;

                    //process text to show only lines with "@":             
                    output=output.split("\n").filter(/./.test, /\@/).join("\n");

                    document.getElementById('main').innerHTML= output;
                };//end onload()
                reader.readAsText(that.files[0]);
            }//end if html5 filelist support
        } 
</script>
</head>
  <body>
    <input type="file" onchange='readText(this)' />
    <div id="main"></div>
  </body>

Run Code Online (Sandbox Code Playgroud)

当我更改代码时,为什么它不起作用:

<body>
    <input type="file" onchange='readText(this)' />
    <div id="main"></div>
</body>

Run Code Online (Sandbox Code Playgroud)

至:

<body onload="readText('file:///C:/test.txt')">
    <div id="main"></div>
</body>

Run Code Online (Sandbox Code Playgroud)

Answer 1

And*_*rey 7

由于安全限制,浏览器不提供此类功能.您不能读取本地文件,直到用户不会在文件选择对话框中选择特定文件(或者不会使用拖放操作来执行此操作).这就是为什么所有代码示例都使用文件选择对话框.

更多详细信息HTML5允许您从浏览器中与本地客户端文件进行交互

归档时间：	10 年，5 月前
查看次数：	22624 次
最近记录：	10 年，5 月前