Отображение содержимого файла с помощью jQuery и HTML5 file API - PullRequest
1 голос
/ 27 марта 2012

Я пытаюсь использовать файловый API-интерфейс HTML5 и 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 файла?

1 Ответ

2 голосов
/ 27 марта 2012

В вашем коде archivo это FileList, а не File. Вы должны сделать что-то вроде:

reader.readAsText(archivo[0]);

вместо

reader.readAsText(archivo);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...