javascript - 使用 Javascript 读取客户端文本文件

Question

我想读取一个文件(在客户端)并获取数组中的内容。这将只是一个文件。我有以下但它不起作用。 'query_list' 是一个文本区域，我想在其中显示文件的内容。

<input type="file" id="file" name="file" enctype="multipart/form-data"/>

    <script>
       document.getElementById('file').addEventListener('change', readFile, false);

       function readFile (evt) {
           var files = evt.target.files;
           var file = files[0];

          var fh = fopen(file, 0);
          var str = "";
          document.getElementById('query_list').textContent = str;
          if(fh!=-1) {
             length = flength(fh);        
             str = fread(fh, length);     
             fclose(fh);                   
           } 
           document.getElementById('query_list').textContent = str;
        }
      </script>

我该怎么办？最后我想遍历数组并运行一些 SQL 查询。

Answer 1

如果你想在客户端使用 HTML5's FileReader 读取文件，您必须使用 Firefox、Chrome 或 IE 10+。如果是，则以下示例读取客户端上的文本文件。

您的示例尝试使用我从未听说过的 fopen(在客户端)

http://jsfiddle.net/k3j48zmt/

   document.getElementById('file').addEventListener('change', readFile, false);

   function readFile (evt) {
       var files = evt.target.files;
       var file = files[0];           
       var reader = new FileReader();
       reader.onload = function(event) {
         console.log(event.target.result);            
       }
       reader.readAsText(file)
    }

对于 IE<10 支持，您需要研究使用像 ADO.Stream Scripting.FileSystemObject 这样的 ActiveX 对象 http://msdn.microsoft.com/en-us/library/2z9ffy99(v=vs.85).aspx但是你会遇到安全问题。如果您运行 IE 允许所有 ActiveX 对象(对于您的网站)，它应该可以工作。