1

我正在尝试使用 HTML5 文件 API 和 jQuery 来显示文件的内容,但它不起作用。我对 jQuery 很陌生,所以问题可能出在我的代码上。

这是我正在使用的代码:

    <!DOCTYPE html>
    <html>
    <head>
      <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    </head> 

    <body>
      <input type="file" id="file" /> </br>
      <textarea id="list"></textarea> </br>
      <script> 
        if (window.File && window.FileReader && window.FileList && window.Blob) {
          alert("Si esta soportado el API!");
        } else {
          alert('The File APIs are not fully supported in this browser.');
        }

        var manejarArchivos = function(archivo) {
          var reader = new FileReader();
          reader.onload = function(event) {
          var content = event.target.result;
          alert(content);
        };
        reader.readAsText(archivo);
      }

      try {
        $('#file').change(function() {
          manejarArchivos(this.files);
        });
      }
      catch (e) {
        alert(e);
      }

    </script>
    </body>
    </html>

我怎样才能得到这段代码来显示我的archivo文件的内容?

4

1 回答 1

2

在您的代码archivo中是 FileList,而不是 File。您应该执行以下操作:

reader.readAsText(archivo[0]);

代替

reader.readAsText(archivo);
于 2012-03-27T02:19:41.683 回答