Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Subir solo 5 imágenes y desactivar botón.

Estas en el tema de Subir solo 5 imágenes y desactivar botón. en el foro de Frameworks JS en Foros del Web. Hola amigos, tengo una consulta. Hace unos días encontré un Plugin de jQuery para subir imágenes Se llama: Ajax File Upload Script Using jQuery. Y ...
  #1 (permalink)  
Antiguo 16/11/2011, 12:08
 
Fecha de Ingreso: septiembre-2010
Mensajes: 147
Antigüedad: 14 años, 1 mes
Puntos: 3
Subir solo 5 imágenes y desactivar botón.

Hola amigos, tengo una consulta.

Hace unos días encontré un Plugin de jQuery para subir imágenes
Se llama: Ajax File Upload Script Using jQuery.

Y este es el link: http://pixelcone.com/jquery/ajax-file-upload-script/

La demo : http://pixelcone.com/fileuploader/demo/


La documentación: http://pixelcone.com/fileuploader/documentation/


El problema que he tenido es que no encuentro ninguna información sobre como limitar el número de archivos que puedo subir. Lo ideal para mi es que pueda subir solo 5 imágenes y se desactive el botón para no seguir subiendo.

Lo único que he encontrado es esto:

Código Javascript:
Ver original
  1. $(function(){
  2.     $('#yourInputFileId').fileUploader({
  3.         autoUpload: false,
  4.         limit: false,
  5.         buttonUpload: '#px-submit',
  6.         buttonClear: '#px-clear',
  7.         selectFileLabel: 'Select files',
  8.         allowedExtension: 'jpg|jpeg|gif|png',
  9.         timeInterval: [1, 2, 4, 2, 1, 5], //Mock percentage for iframe upload
  10.         percentageInterval: [10, 20, 30, 40, 60, 80],
  11.  
  12.         //Callbacks
  13.         onValidationError: function(e) {
  14.  
  15.         },
  16.         onFileChange: function(e, form) {
  17.  
  18.         },
  19.         onFileRemove: function(e) {
  20.  
  21.         },
  22.         beforeUpload: function(e) {
  23.  
  24.         },
  25.         beforeEachUpload: function(form) {
  26.  
  27.         },
  28.         afterEachUpload: function(data, status, formContainer) {
  29.  
  30.         },
  31.         afterUpload: function(formContainer) {
  32.  
  33.         }
  34.     });
  35. });

Y la función que creo que puede ser es:

Cita:
beforeUpload empty function return function(e) { }
trigger after the submit button is click
Pero no se que hacer, espero que alguien pueda saber y ayudarme, muchas gracias :)

Saludos.
  #2 (permalink)  
Antiguo 16/11/2011, 13:23
Avatar de linuxzero  
Fecha de Ingreso: noviembre-2011
Ubicación: Argentina
Mensajes: 778
Antigüedad: 13 años
Puntos: 160
Respuesta: Subir solo 5 imágenes y desactivar botón.

Si el limite de subida es por página, es decir que solo puede subir 5 imagenes en ese momento, basta con crear un contador como global y en el método que decis vos beforeUpload sumarle 1.

Ahora si solo puede subir 5 cada usuario del sistema, es decir que no importa cuantas veces entre a esa pagina puede subir 5 ese usuario, vas a tener que utilizar un ajax que verifique contra la base o contra el servidor (segun como almacenes las imagenes) y que lo haga cada vez que entra a esa pagina y cada vez que termina de subir una imagen, que seria en el mismo caso que antes cuando llama al método beforeUpload, y que esa validación segun el resultado inhabilite el botón.

Saludos!
__________________
Si todo fuera tan sencillo como un symfony cc la vida seria más fácil.
http://phpnico.wordpress.com

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:48.