Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2016, 18:19
cesand209
 
Fecha de Ingreso: julio-2011
Mensajes: 123
Antigüedad: 12 años, 9 meses
Puntos: 0
implementar file upload jquery

Hola gente, estoy tratando de implementar esta libreria en mis upload.. solamente quiero usaar esta funcionalidad de redimenciona la imagen del lado del cliente con js y luego subirla.

tengo problemas cuando usuarios quieren subir varias imagenes pesadas por eso neesito "achicarlas" con js antes

esto estoy usando:

https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing

1) cargo todo los .js que dice el ejemplo
2) al input file de mi form le pongo el mismo id que en el parametro de la funcion
3) agrego estas lineas dentro de mi funcion que procesa el formulario
Código Javascript:
Ver original
  1. $('#userfile').fileupload({
  2.     url: '//jquery-file-upload.appspot.com/',
  3.     dataType: 'json',
  4.     // Enable image resizing, except for Android and Opera,
  5.     // which actually support image resizing, but fail to
  6.     // send Blob objects via XHR requests:
  7.     disableImageResize: /Android(?!.*Chrome)|Opera/
  8.         .test(window.navigator && navigator.userAgent),
  9.     imageMaxWidth: 1200,
  10.     imageMaxHeight: 1200,
  11.     imageCrop: true // Force cropped images
  12. })

pero no hace el resize del lado del cliente... me esta faltando algo? o no se podra implementar solo esa funcionalidad de es forma?

saludos!
gracias desde ya