Comment générer des vignettes pour les images stockées sur le serveur à l'aide de dropzone?

Je suis en train d'afficher des images déjà enregistrées sur le serveur. J'affiche dans dropzone, en utilisant le code suivant:

myDropzone.emit("addedfile", mockFile);
myDropzone.emit("thumbnail", mockFile, "url/image");

Mais avec un problème, la miniature générée seulement de réduire la taille de thumnail tailles comme spécifié sans culture.

Le problème est que ce n'est pas fait, la culture de l'image lorsque j'appelle la fonction miniature de l'image est déformée.

Il serait possible de générer une vignette temporaire à l'aide de méthodes existantes et l'envoie dans la vignette de l'appel de fonction?

OriginalL'auteur George Gustavo Miranda Teodoro | 2015-02-09

  1. 20

    Je suis à vous recommander de créer des vignettes sur le serveur, parce que sinon, vos utilisateurs doivent télécharger toutes les images dans leur taille originale, juste pour afficher de petites vignettes.

    Cela étant dit, si vous voulez continuer à aller de l'avant et télécharger les originaux et de les redimensionner dans le navigateur, je viens juste de sortir Dropzone v4.0.1 à inclure la fonction createThumbnailFromUrl().

    L'utiliser comme ceci:

    myDropzone.emit("addedfile", mockFile);
myDropzone.createThumbnailFromUrl(mockFile, '/your-image.jpg');

    (Note: l'image doit être hébergée sur le même serveur, sinon vous obtiendrez un Cross-Origin erreur)

    Ce travail pour moi, très bien
    Toute chance de soutenir la croix-origine des images à l'aide de la technique dans le stackoverflow.com/a/27840082/1902010 ?
    hey! je suis confrontée au même problème ici stackoverflow.com/questions/45126868/...

    OriginalL'auteur enyo