web-dev-qa-db-ja.com

DropZone.jsにアップロードされた画像のサムネイルを作成するにはどうすればよいですか？

以下のコードで、アップロードされたすべての画像をDropZoneで取得しましたが、単純な問題が発生しました。元の画像がサムネイルとして表示されていますが、dropzoneと同じbase64でサムネイルを表示する必要があります。新しい画像をアップロードしたい。

dropzone.js

 init: function() {
         var thisDropzone = this;
        var pageid = $("#pageid").val();
        $.getJSON('plugin/dropzone/get_item_images.php?id='+pageid, function(data) { 

            $.each(data, function(key,value){ 

                var mockFile = { name: value.name, size: value.size }; 

                thisDropzone.options.addedfile.call(thisDropzone, mockFile);
                thisDropzone.options.thumbnail.call(thisDropzone, mockFile, "/admin/uploads/"+value.name);
                thisDropzone.emit("complete", mockFile);

            });
        });

      },

したがって、問題はこのコードでアップロードされた画像をdropzoneで表示できますが、base64で作成された実際のサムネイルではなく元の画像でサムネイルを表示することです。 dropzone新しい画像をアップロードしたいときにbase64でサムネイルを作成しました。このようなサムネイルを表示したいと思います。

javascriptphpjqueryjsondropzone.js
9
Pedram

最初に投稿されたcreateThumbnailFromUrlを使用する必要があります ここ

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