2012-03-27 2 views
1

Ich versuche, die HTML5-Datei-API und jQuery verwenden, um den Inhalt einer Datei anzuzeigen, aber es funktioniert nicht. Ich bin wirklich neu in jQuery, also ist das Problem wahrscheinlich mit meinem Code.Anzeigen des Inhalts einer Datei mit jQuery und HTML5-Datei-API

Hier ist der Code, ich verwende:

<!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> 

Wie kann ich diesen Code-Block erhalten den Inhalt meiner archivo Datei anzuzeigen?

Antwort

2

In Ihrem Code archivo ist eine FileList, keine Datei.

reader.readAsText(archivo[0]); 

statt

reader.readAsText(archivo); 
+0

Dank, die perfekt gearbeitet: Sie sollten so etwas wie tun. Ich kann nicht glauben, dass es so einfach war –