Alejandro Arco

Hace algunos meses publiqué un artículo sobre la extensión de Mootools FancyUpload para la subida múltiple de ficheros, tras la aparición del nuevo flash player 10 por parte de Adobe fancy upload dejó de funcionar correctamente en todos los navegadores que incluyeran el flash player 10.

De este modo y dada la demanda de todos vosotros he decidido explicar detalladamente el funcionamiento de fancyupload para flash player 10 con una demostración, ya que el error fancyupload se debe a un cambio en los métodos usados por flash player 10 en el browser.

Demo fancyupload para flash player 10

A continuación os adjunto una demo de fancyupload compatible con flash player 10:
[ Demo ] [ Descargar Ejemplo FancyUpload Flash 10 ]

Características fancyupload para flash player 10

• Formulario alternativo y accesible en HTML.
• En primer lugar añadiremos el código en PHP necesario para el desarrollo web de nuestra aplicación y así permitir la subida de ficheros con fancyupload.
• Posteriormente añadiremos todos los ficheros en javascript necesarios para la ejecución de Fancy Upload como FancyUpload2.js, Fx.ProgressBar.js, Swiff.Uploader.js, mootools-1.2-core-nc.js y example_fancyupload_flash_10.js.
• Finalmente añadiremos la hoja de estilos necesaria para estructurar la interfaz visual de fancy upload, en este caso el fichero se denomina estilos.css.

Espero que este artículo os sea de utilidad, ya que la demostración de FancyUpload para flash player 10 la he programado de forma estructurada y con comentarios para que sea de fácil compresión.

En cualquier caso, si tenéis alguna duda no dudéis en dejarme un comentario.

Fancy Upload es un conjunto de librerías que nos permiten realizar uploads múltiples de ficheros pesados con una interfaz totalmente personalizable mediante CSS y XHTML. Este conjunto de librerías hacen uso de AJAX y del Framework Mootools para JavaScript.

Algunas de las características de Fancy Upload más reseñables son: upload múltiple de ficheros, barra de progresión, subida de ficheros en pleno proceso de ejecución y cancelación de la subida de ficheros en cualquier momento.

Os muestro a la izquierda una interfaz modificada de Fancy Upload que desarrolle para un proyecto web, podemos personalizarla mediante hojas de estilo sin problemas.
[ Documentación ] [ Demo]

Requerimientos mínimos para hacer funcionar Fancy Upload

• Descargar MooTools: Element.Events, Fx.Tween, Fx.Transitions, Selectors, Json, Swiff y DomReady.
• FancyUpload2.js
• Swiff.Uploader.js
• Fx.ProgressBar.js
• Swiff.Uploader.swf (clic derecho / guardar enlace como)
• Swiff.Uploader.fla (exclusivo para desarroladores)

Espero que este artículo sobre el upload de ficheros múltiples os sea de utilidad, si tienen alguna duda sobre la instalación de Fancy Upload no dudeis en dejarme un comentario al respecto y la intentaré solucionar en la mayor brevedad de tiempo posible.

Fuente: Alejandro Arco