2014-10-01 9 views
5

Sto usando questo jQuery caricamento delle immagini plug https://github.com/blueimp/jQuery-File-Uploadimmagine dimensione cliente Blu imp upload di file ridimensionare e ritagliare

Che cosa ho bisogno è quello di ridimensionare/Ritagliare l'immagine nelle dimensioni del cliente, quindi avrà esatta altezza e larghezza e quindi caricare nel server.

questa è la parte dello script per il caricamento, e funziona benissimo, l'unico problema è che ridimensiona l'immagine senza ritagliare e finisco per avere l'immagine caricata con ad es. larghezza 150 px e altezza dicono 133 px (sebbene l'altezza e la larghezza dell'immagine iniziale siano più di 1000 px, e voglio altezza e larghezza esatte - 150px). Dalla lista delle opzioni ho pensato che imageCrop dovrebbe fare il trucco, https://github.com/blueimp/jQuery-File-Upload/wiki/Options#imagecrop, ma non è così. Sto facendo qualcosa di sbagliato, o il plugin non supporta la funzionalità, di cui ho bisogno? E se è così, c'è un modo per ottenere ciò di cui ho bisogno usando una libreria/funzione esterna usando questo plugin?

Grazie

edit:

Ho provato anche questa opzione, nonché

canvas: true, 
cover: true, 
crop: true, 
thumbnail: true, 
aspectRatio: '1/1' 

ma non giova a nulla

$('#fileupload').fileupload({ 
    url: 'test.php' 
    dataType: 'json', 
    imageCrop: true, 
    process: [ 
     { 
      action: 'load', 
      fileTypes: /^image\/(gif|jpeg|png)$/, 
      maxFileSize: 20000000 // 20MB 
     }, 
     { 
      action: 'resize', 
      maxWidth: 150, 
      maxHeight: 150, 
      minWidth: 150, 
      minHeight: 150, 
      imageCrop: true 
     }, 
     { 
      action: 'save' 
     }, 
     {action: 'duplicateImage'}, 
     { 
      action: 'resize', 
      maxWidth: 100, 
      maxHeight: 100, 
      minWidth: 100, 
      minHeight: 100, 
      imageCrop: true 
     }, 
     { 
      action: 'save' 
     } 
    ], ... 

risposta

1

Come per "blueimp" manuale fare Client side Image Resizing Devi s et l'opzione disableImageResize al false

$('#fileupload').fileupload({ 
    url: 'test.php', 
    dataType: 'json', 
    disableImageResize: false, 
    imageMaxWidth: 800, 
    imageMaxHeight: 800, 
    imageCrop: true 
}) 

Reference to src.

Problemi correlati