排序 Dropzone.js

Question

我正在使用 Dropzone.js 和 Spring 引导。

一切正常，除了当我上传图片时它位于图库的底部。

我怎样才能让上传的图片首先显示（在画廊的顶部）。 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);
    };

排序 Dropzone.js

Sorting Dropzone.js

javascript

ajax

jquery

dropzone.js