javascript - 使用 jQuery 和 HTML5 文件 API 显示文件内容

我正在尝试使用 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 文件的内容？

最佳答案

在您的代码中，archivo 是一个 FileList，而不是一个文件。你应该这样做: