obtener los datos del archivo cargado en javascript

Mantén la atención porque en este artículo hallarás la respuesta que buscas.

Solución:

El siguiente ejemplo se basa en la solución html5rocks. Utiliza la función FileReader() del navegador. Solo navegadores más nuevos.

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

En este ejemplo, el usuario selecciona un archivo HTML. Se cargó en el </code>.</p><div class="1156288aeb31a138c38144f0e15ac7e5" data-index="2" style="float: none; margin:5px 0 5px 0; text-align:center;"> <!-- rectangle-h-v --> <center><ins class="adsbygoogle rectangle_ads" data-ad-client="ca-pub-9156923925267699" data-ad-slot="6189735064"></ins></center><script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <pre><code><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">

puede usar la nueva API de archivo HTML 5 para leer el contenido del archivo

https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

pero esto no funcionará en todos los navegadores, por lo que probablemente necesite un respaldo del lado del servidor.

El siguiente ejemplo muestra el uso básico de la FileReader para leer el contenido de un archivo cargado. Aquí hay un Plunker de trabajo de este ejemplo.

  
    
  

  
    
    

  




guión.js
function init()
  document.getElementById('fileInput').addEventListener('change', handleFileSelect, false);


function handleFileSelect(event)
  const reader = new FileReader()
  reader.onload = handleFileLoad;
  reader.readAsText(event.target.files[0])


function handleFileLoad(event)
  console.log(event);
  document.getElementById('fileContent').textContent = event.target.result;


Si sostienes alguna vacilación o disposición de reaccionar nuestro post puedes añadir una crónica y con deseo lo leeremos.





¡Haz clic para puntuar esta entrada!
(Votos: 2  Promedio: 3)
Tags : Ajax  /  File Upload  /  Html  /  Javascript  / 
Utiliza Nuestro Buscador
Preguntas Relacionadas:
javascript obtener ejemplo de código de nombre de archivo…
¿Cómo obtener el nombre de la hoja del archivo de Excel…
Cómo importar automáticamente datos desde un archivo CSV o…
¿Cómo verificar un archivo cargado si es una imagen u otro…
cómo obtener datos de la base de datos usando el ejemplo de…
Descarga el archivo cargado con DropzoneJs
Cómo guardar el archivo cargado en JSF
Cómo validar el archivo cargado en ASP.Net Core
¿Cómo recupero ApplicationSettings de un archivo App.config…
Eliminar un archivo cargado después de descargarlo de Flask
cómo obtener datos json de url en el ejemplo de código…
Cómo leer el contenido del archivo JSON cargado en el…