显示服务器上的现有文件，限制文件数量和其他功能

Dropzone.js v4+ - Display existing files on server with work limiting the number of files and other functions

本文关键字：文件 功能 其他 服务器 显示      更新时间：2023-09-26

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

我写了一个函数来添加文件:addCustomFile(file, thumbnail_url, response)

支持版本:4.0.1 stable

正确工作: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"
            }
        );
    }
});
相关文章：