排序Dropzone.js

Question

我在Spring中使用Dropzone.js。

一切运作良好，除了，当我上传图片，它去底部的画廊。

怎样才能使上传的图像首先显示出来(在画廊的顶部)。Dropzone有一些我可以使用的内置方法吗？

var extraImageDropzone = new Dropzone('#extraImagesDropzone', {
        url: "/uploads/upload",
        maxFiles: 25,
        acceptedFiles: 'image/*',
        autoQueue: true,
        addRemoveLinks: false,
        parallelUploads: 1,
        createImageThumbnails: false,
        createImageData:false,
        previewsContainer: null,
        previewTemplate: '<li style="diplay:none"></li>',
        hiddenInputContainer: "#extraImagesDropzoneToggle",
        clickable: "#extraImagesDropzoneToggle",
        //  thumbnailWidth: 100,
        thumbnailHeight: 100,
        thumbnailMethod: `contain`,
        complete: function(file, response) {
            console.log('completed');
        },
        success: function(f, response) {
            if (response.id) {
                console.log('File uploaded' + response.URL);
                $(".image-picker").data('picker').append_one(response.id, response.URL);

            } else {
                alert('Error while uploading');
                this.removeFile(f);
            }

        }
    });

Answer 1

将prepend_one方法添加到图像选择库中，现在运行良好。

     ImagePicker.prototype.prepend_one = function (val, image_src) {
        var option = jQuery('<option>').val(val).attr('data-img-src', image_src);
        this.select.prepend(option);
        var picker_option = new ImagePickerOption(option[0], this, this.opts);
        this.picker_options.push(picker_option);
        this.picker.prepend(picker_option.node);
    };