Javascript 在laravel的dropzonejs中显示上载的图像

Javascript 在laravel的dropzonejs中显示上载的图像,javascript,laravel,dropzone.js,dropzone,Javascript,Laravel,Dropzone.js,Dropzone,我正在从事一个Laravel项目,我使用Dropzone作为产品库。 一切正常,但我想从磁盘预装上传的图像 这是我的密码: var mockFile={ 名称:“157322244401照片2019-11-06_10-35-41.jpg”, 尺码:12345 }; dropzone.options.addedfile.call(dropzone,mockFile); 调用(dropzone,mockFile,“/images/product galleries/1”); 未捕获的TypeErr

我正在从事一个Laravel项目,我使用Dropzone作为产品库。 一切正常,但我想从磁盘预装上传的图像

这是我的密码:

var mockFile={
名称:“157322244401照片2019-11-06_10-35-41.jpg”,
尺码:12345
};
dropzone.options.addedfile.call(dropzone,mockFile);
调用(dropzone,mockFile,“/images/product galleries/1”);
未捕获的TypeError:无法读取未定义的属性“addedfile”


从您列出的代码和错误消息中,我猜您是在试图直接在HTML元素上调用此函数,而不是在附加到它的dropzone实例上。如果你在做这样的事情

let dropzone = document.querySelecter('#dropzone-element')
然后要访问dropzone实例,您需要将其引用为

dropzone.dropzone
使函数调用

dropzone.dropzone.options.addedFile.call(dropzone.dropzone, mockFile)
为了避免这种情况,只需将
dropzone
设置为实际的dropzone实例,如下所示

let dropzone = document.querySelector('#dropzone-element').dropzone

根据您在这里显示的代码,我猜
dropzone.options
是未定义的。如果
dropzone
被定义为dropzone附加到的HTML元素,那么要访问实际的dropzone实例,您需要执行
dropzone.dropzone.options.addedFile.call(dropzone.dropzone,mockFile)