如何使用Javascript FileReader（）打開本地文件

Question

我想修改此代碼，使其僅適用於特定文件，但我無法弄清楚正確的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>

當我更改代碼時，為什么它不起作用：

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

至：

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

Answer 1

由於安全限制，瀏覽器不提供此類功能。 您不能讀取本地文件，直到用戶不會在文件選擇對話框中選擇特定文件（或者不會使用拖放操作來執行此操作）。 這就是為什么所有代碼示例都使用文件選擇對話框。

更多詳細信息HTML5允許您從瀏覽器中與本地客戶端文件進行交互

如何使用Javascript FileReader（）打開本地文件

問題描述

1 個解決方案

解決方案1
7 已采納 2015-06-02 12:42:07

如何使用Javascript FileReader（）打開本地文件

問題描述

1 個解決方案

解決方案1 7 已采納 2015-06-02 12:42:07

解決方案1
7 已采納 2015-06-02 12:42:07