2012-03-27 10 views
1

ファイルの内容を表示するためにHTML5ファイルAPIとjQueryを使用しようとしていますが、動作しません。私はjQueryには本当に新しいので、問題はおそらく私のコードです。ここでjQueryとHTML5ファイルAPIを使用してファイルの内容を表示

は、私が使用しているコードです:

<!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ファイルの内容を表示するためのコードブロックを得ることができますか?

答えて

2

コードarchivoはファイルではなくファイルリストです。代わりに、完全に働いた

reader.readAsText(archivo); 
+0

感謝の

reader.readAsText(archivo[0]); 

:あなたのような何かをする必要があります。私はそれが簡単だったと信じていない –

関連する問題