---
title: "Subir un fichero con HTML5. Adiós Flash"
date: "2011-12-11T20:01:14+01:00"
modified: "2019-05-15T21:49:55+02:00"
author: "David Carrero Fdez-Baillo"
section: "Programación y software"
canonical: "https://carrero.es/subir-un-fichero-con-html5-adios-flash/"
site: "Carrero"
---
# Subir un fichero con HTML5. Adiós Flash
[](https://carrero.es/subir-un-fichero-con-html5-adios-flash/5706/html5-upload-form/)
Seguro que como desarrollador para subir ficheros a tu aplicación utilizas normalmente un componente en flash o java, pero eso siempre representa un problema porque necesitamos activar ese módulo java o flash. Ahorra ya podemos hacerlo con HTML5, y crear un formulario para subir ficheros con barra de progreso incluido.
Esta solución para subir tus ficheros con HTML5 y Javascript sin necesidad de librerías adicionales. Haciendo uso de *FileReader* (html5) para implementar la vista previa de imágenes sin subirlas al servidor y usando *XMLHttpdRequest* para subir los datos al servidor.
Descargar y demo: [Pure HTML5 upload form](http://www.script-tutorials.com/pure-html5-file-upload/). Más opciones HTML5 para subir ficheros con [jQuery](http://code.google.com/p/jquery-html5-upload/) y [PLupload](http://www.plupload.com/) es un plugin GPL y comercial con opciones para subir ficheros no solo con HTML5, también flash.
**Actualización**: Usando *[Session Upload Progress](http://www.php.net/manual/en/session.upload-progress.php)* nos indica Asier Marques que también podemos hacerlo incluso sin Flash y sin HTML5, solo con PHP ([subir ficheros con PHP](http://phpcastellano.com/features.file-upload.multiple.html)).
**Actualización**: Otra elegante forma de [subir ficheros](http://www.zurb.com/playground/ajax_upload) o imágenes con Ajax. Gracias a [José Luiz Antúnez](https://twitter.com/jlantunez/statuses/146609580460343296)
---
Fuente: https://carrero.es/subir-un-fichero-con-html5-adios-flash/