SWFUpload beta

SWFUpload es una pequeña librería de JavaScript que mejora la forma en que se hace uploads de archivos en internet. SWFUpload reemplaza el contenido de un div por un pequeño flash transparente que controla todo el front-end del proceso de upload y se configura con código javascript las opciones de html/css.

big_logo.png

Entre las opciones que permite manejar el SWFUpload tenemos:

  • Mostrar solamente tipos de archivos pre-seleccionados, por ejemplo podemos definir que solo se puedan seleccionar imagenes con extensión jpg.
  • Upload multiple de archivos con solo seleccionar varios archivos en la ventana de dialogo.
  • Triggers javascript para detectar: start, cancel, progress y complete.
  • Se puede obtener datos del archivo como tamaño y nombre después del upload.
  • Se puede cambiar de estilo al botón upload.
  • Barra de progreso del proceso de upload usando XHTML y CSS valido
  • No se recargan las paginas para hacer upload.
  • Funciona en todas las plataformas que soportan Flash 8.

El uso de este script es muy sencillo, para ello debes descargar los archivos fuente SWFUpload_beta.zip, luego de extraer los archivos debes copiar la carpeta jscripts a tu directorio de trabajo.

Luego se incluye el script en el html con el siguiente código.

  1. <script type="text/javascript"
  2. src="jscripts/SWFUpload/mmSWFUpload.js">

El siguiente paso es incluir un div donde se mostrará el botón para hacer el upload.

  1. <div id="SWFUpload"></div>

Finalmente debemos incluir código javascript para indicar a donde se enviaran los datos y sobre que div se mostrará el botón.

  1. <script type="text/javascript">
  2.     mmSWFUpload.init({
  3.         upload_backend : "upload.php",
  4.         target : "SWFUpload",
  5.     });

Comentarios Total 16 comentarios


carlos
Publicado: 01/09/2007 6:30 pm

No funciona la url de descarga :S

unijimpe
Publicado: 01/09/2007 9:16 pm

Segun parece han actualizado la ruta para descargar, ahora la ruta para descargar SWFUpload en:

http://swfupload.mammon.se/get.php?version=1.0.2&type=min

Christian
Publicado: 13/10/2007 1:22 am

Sigue sin funcionar

Algun ejemplo?

Otro
Publicado: 27/11/2007 1:30 am

No funciona en linux?

edcalo
Publicado: 10/12/2007 6:08 pm

no funciona el enlace de descarga

andy
Publicado: 23/01/2008 1:28 am

prueba en este enlace para informacion http://swfupload.org/ y en este para descargar: http://code.google.com/p/swfupload/

Saludos
Andy

Jorge Rubiano
Publicado: 01/03/2008 8:13 pm

Hol, he usado esta librería y me estaba funcionando, hasta cuando necesitaba enviar un parametro adicional a los archivos a adjuntar en este caso la ruta donde quiero que me los guarde, viendo el código encontré esta línea post_params: {“PHPSESSID” : “”},pues según veo me recoge las variables por el método pero no me funciona, haber si alguien a podido enviar variables que me pueda colaborar…

unijimpe
Publicado: 02/03/2008 9:45 am

Hola Jorge, si deseas enviar parámetros adicionales puedes utilizar la propiedad post_params, de la siguiente forma:

post_params : { "param1":"value1", "param2":"value2" }

En este caso solo he puesto 2 parámetros, tu puedes poner la cantidad que se adecue a tus necesidades. Luego si deseas enviar la ruta a guardar, el código sería de la forma:

<script type="text/javascript">
mmSWFUpload.init({
upload_backend : "upload.php",
target : "SWFUpload",
post_params : {"path":"thumbs"}
});
</script>

Puedes encontrar mas información en: SWFUpload v2 Documentation.

Alexis
Publicado: 13/08/2008 2:02 pm

esto sirve para HTML?????, esq me confunde esa parte q dice “upload.php” no deveria ser “upload.htm” o “upload.html”?

Ivan
Publicado: 16/10/2008 7:23 am

Me parece genial SWFUpload, lo he traducido al español, lo podeis descargar des del siguiente link, también he elminiado los archivos innecesarios y he añadido una función para eliminar del nombre del archivo caracteres no permitidos en las urls.

Saludos

http://programat.wordpress.com/2008/10/16/swfupload-multi-upload-archivos/

Pilar G.
Publicado: 16/12/2008 11:19 am

Hola, tengo 2 parametros definidos de la forma:
post_params : { “param1″:”value1”, “param2″:”value2” }

Los valores “value1” y “value2” son dos valores por defecto asignados al cargar el objeto pero que despues van a cambiar su valor.
Esto lo hago dentro de una funcion en javascript accediendo al objeto y a los parametros de esta forma:

swfu.settings.post_params.param1=nuevovalor;

donde swfu es el objeto swfupload.
Pero asi no me funciona y no pasa el valor.

Espero que podais ayudarme. Es muy urgente.
Gracias.
Un saludo.

Pilar G.
Publicado: 16/12/2008 11:29 am

Hola, escribo para responderme yo misma a la pregunta que formulé. La respuesta es la siguiente:

Para añadir o cambiar el valor de un parametro que despues se va a enviar por el metodo POST, debemos usar esta funcion aplicada al objeto swfupload:

swfu.addPostParam(nombre_parametro, valor_parametro)

siendo swfu el objeto swfupload.

Espero que os sirva mi pequeña aportacion.

Un saludo.

Cristian Cárdenas
Publicado: 05/08/2009 3:51 pm

Alguien sabe como activar el submit sin necesidad de tener un archivo seleccionado?

gracias.

0cx
Publicado: 07/09/2009 1:18 pm

Alguien se descargo el archivo traducido de ivan?, y me puede decir donde conseguirlo?

Luciano Hillcoat
Publicado: 12/02/2010 8:25 pm

Alguien sabe de donde lo puedo descargar?? , el link no funciona y realmente lo nescesito. U_U

Elena
Publicado: 05/04/2011 1:46 pm

Hola yo estoy implementando SWFUpload y quiero subir mis archivos con upload.cgi, pero aun no lo logro, saben como puedo hacerlo?? Espero que aun respondan en este post, o explicarme mas a detalle como puedo guardar los archivos?

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)