jQuery 및 HTML5 파일 API로 파일 내용 표시

파일 내용을 표시하기 위해 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 파일의 내용을 표시하는 코드 블록을받을 수 있나요?

출처

2012-03-27 Andrés

코드에서 archivo은 File이 아니고 File입니다. 완벽하게 작동

reader.readAsText(archivo[0]);

대신

reader.readAsText(archivo);

출처

2012-03-27 02:19:41 JScoobyCed

감사합니다 : 당신은 같은 뭔가를해야한다. 나는 그것이 쉽지 않다라고 생각한다. –

jQuery 및 HTML5 파일 API로 파일 내용 표시

답변

관련 문제