Dropzone.JS CreateImage Thumbnails

Question

So habe ich festgestellt, dass DropzoneJS die folgende Konfigurationsoption hat: createImageThumbnails (http://www.dropzonejs.com/#config-createImageThumbnails).

Aber ich habe keine richtigen Informationen gefunden, wie diese Konfigurationsoption verwendet werden kann, und wie ich Thumbnails auf meinem Server speichern kann, indem Sie diese Option verwenden.

Ich benutze gerade Laravel 5.3, um den gesamten Upload über DropzoneJS zu machen, also hätte ich gerne eine Miniaturansicht, also ist meine Frage hier. Wäre es ein guter Weg, dies über DropzoneJS zu tun und wenn ja wie? Oder mache es php weise?

Vielen Dank für weitere Informationen im Voraus.

Answer 1

Ich würde die createThumbnailFromUrl() Methode, die createImageThumbnails() implementiert, nicht empfehlen.

Der Grund dafür ist, dass Sie jedes Mal, wenn Sie dies tun, den Benutzer zwingen, das Thumbnail auf der Clientseite (CPU/Mem ressourcenintensiv) zu erstellen. Dann müssen sie das Bild an den Server senden (Netzwerk/Bandbreite intensiv).

Stattdessen würde ich empfehlen, nur die Thumbnails auf dem Server zu erstellen. Sie können die Bilder auf der Clientseite (dem Original) für die Anzeige mit minimalen Ressourcenkosten verkleinern (keine Netzwerk-/Bandbreitenkosten).

Der Server kann dann die Erstellung der Miniaturansicht übernehmen. Sie können etwas wie das Intervention library's fit() command dafür verwenden. Hier ist ein Beispiel, das einen Callback verwendet, um sicherzustellen, dass das Bild nicht größer als das Original in einer der beiden Dimensionen wird und ->upsize() aufruft.

$img = Image::make('/path/to/my/img.ext'); 
$img->fit(120, 72, function ($constraint) { 
    $constraint->upsize(); 
}); 

Ich hoffe, das war informativ und hilfreich.