2014-10-01 6 views
5

Ich bin mit dieser jquery Bild-Upload-Plugin https://github.com/blueimp/jQuery-File-UploadBlau imp Datei-Upload-Client Größe Bild Größe und Ernte

Was ich brauche, ist das Bild in der Kundengröße, um die Größe/Ernte, so dass es genaue Höhe und Breite hat und dann auf den Server hochladen.

Dies ist der Teil des Skripts für den Upload, und es funktioniert gut, das einzige Problem ist, dass es nur die Größe des Bildes ohne Zuschneiden ändert und ich habe das hochgeladene Bild mit z. Breite 150 px und Höhe sagen 133 px (obwohl die Höhe und Breite des Ausgangsbildes mehr als 1000 px ist, und ich will genaue Höhe und Breite - 150px). Von der Optionsliste dachte ich imageCrop sollte den Trick machen, https://github.com/blueimp/jQuery-File-Upload/wiki/Options#imagecrop, aber es tut es nicht. Mache ich etwas falsch, oder das Plugin unterstützt nicht die Funktionalität, die ich brauche? Und wenn ja, kann ich mit Hilfe dieses Plugins irgendeine externe Bibliothek/Funktion nutzen?

Dank

edit:

ich auch diese Optionen auch versucht

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

aber ohne Erfolg

$('#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' 
     } 
    ], ... 

Antwort

1

Per "blueimp" manuell zu tun Client side Image Resizing Sie müssen s et die Option disableImageResize zu false

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

Reference to src.

Verwandte Themen