javascript - div - innerhtml



obtenir les données du fichier téléchargé en javascript (2)

Je veux télécharger un fichier csv et traiter les données à l'intérieur de ce fichier. Quelle est la meilleure méthode pour le faire? Je préfère ne pas utiliser le script php. J'ai fait les étapes suivantes. Mais cette méthode ne renvoie que le nom du fichier au lieu du chemin du fichier. Je n'ai donc pas obtenu la sortie souhaitée.

<form id='importPfForm'>
<input type='file' name='datafile' size='20'>
<input type='button' value='IMPORT' onclick='importPortfolioFunction()'/>
</form>

function importPortfolioFunction( arg ) {
    var f = document.getElementById( 'importPfForm' );
    var fileName= f.datafile.value;   
}

Alors, comment puis-je obtenir les données dans ce fichier?

https://ffff65535.com


L'exemple ci-dessous est basé sur la solution html5rocks. Il utilise la fonction FileReader () du navigateur. Nouveaux navigateurs uniquement.

Voir http://www.html5rocks.com/en/tutorials/file/dndfiles/#toc-reading-files

Dans cet exemple, l'utilisateur sélectionne un fichier HTML. Il a téléchargé dans le <textarea> .

<form enctype="multipart/form-data">
<input id="upload" type=file   accept="text/html" name="files[]" size=30>
</form>

<textarea class="form-control" rows=35 cols=120 id="ms_word_filtered_html"></textarea>

<script>
function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // use the 1st file from the list
    f = files[0];

    var reader = new FileReader();

    // Closure to capture the file information.
    reader.onload = (function(theFile) {
        return function(e) {

          jQuery( '#ms_word_filtered_html' ).val( e.target.result );
        };
      })(f);

      // Read in the image file as a data URL.
      reader.readAsText(f);
  }

  document.getElementById('upload').addEventListener('change', handleFileSelect, false);
</script>





file-upload