Dropzone.js v4 + - 显示服务器上的现有文件，限制文件数和其他功能 [英] Dropzone.js v4+ - Display existing files on server with work limiting the number of files and other functions

问题描述

如何将服务器上的现有文件添加到dropzone并正确工作所有功能和正确的样式？

How to add existing files on server to dropzone with right work all functions and right styling?

推荐答案

我写了一个函数添加文件：addCustomFile（file，thumbnail_url，responce）

I wrote a function to add files: addCustomFile(file, thumbnail_url , responce)

由版本提供支持：4.0.1稳定

Powered by Version: 4.0.1 stable

正确工作：maxFiles限制，事件maxfilesexceeded，事件成功和其他

Correct working: maxFiles limit, event maxfilesexceeded, event success and others

$("#dropzone-images").dropzone({
    url: "...",
    paramName: 'image_temp',
    maxFiles: 1,
    init: function () {
        this.addCustomFile = function(file, thumbnail_url , responce){
            // Push file to collection
            this.files.push(file);
            // Emulate event to create interface
            this.emit("addedfile", file);
            // Add thumbnail url
            this.emit("thumbnail", file, thumbnail_url);
            // Add status processing to file
            this.emit("processing", file);
            // Add status success to file AND RUN EVENT success from responce
            this.emit("success", file, responce , false);
            // Add status complete to file
            this.emit("complete", file);
        }

        this.addCustomFile(
            // File options
            {
                // flag: processing is complete
                processing: true,
                // flag: file is accepted (for limiting maxFiles)
                accepted: true,
                // name of file on page
                name: "The name",
                // image size
                size: 12345,
                // image type
                type: 'image/jpeg',
                // flag: status upload
                status: Dropzone.SUCCESS
            },
            // Thumbnail url
            "http://.../img.jpg",
            // Custom responce for event success
            {
                status: "success"
            }
        );
    }
});

这篇关于Dropzone.js v4 + - 显示服务器上的现有文件，限制文件数和其他功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！