无法读取未定义 dropzone.js 的 属性 'previewTemplate'

Question

我使用 DropzoneJs 上传文件，一切正常，但如果我想将文件从剪贴板添加到拖放区，我必须使用 FileReader。是我使用 FileReader 的时候。猜猜我收到以下错误 "Cannot read property 'previewTemplate' of undefined"

我的空降区代码

Dropzone.options.dropzoneForm = {
maxFiles: 9999,
url: "ajax/uploader.aspx",
init: function () {
    this.on("maxfilesexceeded", function (data) {
        var res = eval('(' + data.xhr.responseText + ')');
    });
    this.on("addedfile", function (file) {
        var removeButton = Dropzone.createElement("<button>Remove file</button>");
        var _this = this;
        removeButton.addEventListener("click", function (e) {
            e.preventDefault();
            e.stopPropagation();
            _this.removeFile(file);
        });
        file.previewElement.appendChild(removeButton);
    });

    this.on("complete", function (file) {
        if (file.name.indexOf(".jpg") > -1) {
            uploadDoneimg("img", file);
        } else if (file.name.indexOf(".png") > -1) {
              else
                    {
                        ShowMessage('e', "Error p2i Convert !");
                    }
                }
            });

        }
    });


    this.on("drop", function (file) {
        //  alert("drop : " + file.name);
    });


  }
};


FileReaderJS.setupClipboard(document.body, {
    accept: {
        'image/*': 'DataURL'
    },
    on: {
        load: function (e, cfile) {           
            $(Dropzone).addfile(cfile);
        }
    }
});

此组合发生在以下 link

https://www.bitpixr.com/

Answer 1

问题出在拖放区的定义上。当您想从剪贴板添加文件并将文件传递到拖放区时，您必须初始化 DropZone。以动态方式进行，那么一切都会正常进行

哦，别忘了将自动发现设置为 false :)

Dropzone.autoDiscover = false;

var myDropZone = new Dropzone("div#dropzoneForm", {url:''});

FileReaderJS.setupClipboard(document.body, {
    accept: {
        'image/*': 'DataURL'
    },
    on: {
        load: function (e, cfile) {           
            $(Dropzone).addfile(cfile);
        }
    }
});