排序 Dropzone.js答案

【问题标题】：Sorting Dropzone.js排序 Dropzone.js
【发布时间】：2018-05-15 08:25:36
【问题描述】：

我在 Spring boot 中使用 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);
            }

        }
    });

【问题讨论】：

我不熟悉这个库，但问题是关于append_one 方法？这是将图像添加到图库的功能吗？如果没有，谁来做？
是的，该方法添加图像。
I can't find it in the dropzone.js docs。也许它属于另一个插件？（一些画廊插件？）
我会用 AJAX 来做，我认为 Dropzone 已经内置了方法。将图像推到底部对我来说很奇怪......
可以但是你是怎么知道这个功能的？你在教程中看到过吗？文档？

标签： javascript jquery ajax dropzone.js

【解决方案1】：

向 Image-picker lib 添加了 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);
    };

【讨论】：