Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法读取属性';预览模板&x27;未定义dropzone.js的_Javascript_Filereader_Dropzone.js - Fatal编程技术网

Javascript 无法读取属性';预览模板&x27;未定义dropzone.js的

Javascript 无法读取属性';预览模板&x27;未定义dropzone.js的,javascript,filereader,dropzone.js,Javascript,Filereader,Dropzone.js,我使用DropzoneJs用于上传文件,一切正常,但如果我想将文件从剪贴板添加到DropZone,我必须使用FileReader。是当我使用FileReader时。我猜我遇到以下错误“无法读取未定义的属性'previewTemplate'” 我的dropzone代码 Dropzone.options.dropzoneForm = { maxFiles: 9999, url: "ajax/uploader.aspx", init: function () { this.on("maxfil

我使用DropzoneJs用于上传文件,一切正常,但如果我想将文件从剪贴板添加到DropZone,我必须使用FileReader。是当我使用FileReader时。我猜我遇到以下错误“无法读取未定义的属性'previewTemplate'”

我的dropzone代码

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);
        }
    }
});
Dropzone.options.dropzoneForm={
maxFiles:9999,
url:“ajax/uploader.aspx”,
init:函数(){
此.on(“MaxFilesExcepended”)函数(数据){
var res=eval('('+data.xhr.responseText+');
});
this.on(“addedfile”,函数(文件){
var removeButton=Dropzone.createElement(“删除文件”);
var_this=这个;
removeButton.addEventListener(“单击”),函数(e){
e、 预防默认值();
e、 停止传播();
_此.removeFile(文件);
});
file.previewElement.appendChild(removeButton);
});
此.on(“完成”,函数(文件){
if(file.name.indexOf(“.jpg”)>-1){
上传DONEIMG(“img”,文件);
}else if(file.name.indexOf(“.png”)>-1){
其他的
{
ShowMessage('e',“错误p2i转换!”);
}
}
});
}
});
此.on(“drop”,函数(文件){
//警报(“删除:“+文件名”);
});
}
};
FileReaderJS.setupClipboard(document.body{
接受:{
“image/*”:“DataURL”
},
关于:{
加载:函数(e,cfile){
$(Dropzone).addfile(cfile);
}
}
});
这种组合发生在下面的链接中


问题在于下降区的定义。当您要从剪贴板添加文件并将文件传递到drop zone时,必须初始化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);
        }
    }
});