Dropzone图片上传选项不起作用:(

我试图建立一个拖放图像上传但dropzone选项不工作,我不知道我是否正确的方式。

我想设置以下选项:

  • 仅上传一个文件(multiupload参数)

  • 是否可以删除该文件(addremovelink?)

  • 最大文件大小为2mb(maxfilesize)

你能帮我吗?

这是代码:

          $(document).ready(function(){ $("#uploadme").dropzone({ paramName: 'photos', url: 'upload.php', dictDefaultMessage: "Drag your images", clickable: true, enqueueForUpload: true, maxFilesize: 1, uploadMultiple: false, addRemoveLinks: true }); });  

谢谢你们,你摇滚! 🙂

只需在Jquery调用之前添加

 Dropzone.autoDiscover = false; 

并从

删除操作。 这将禁用自动发现function,以便您可以为表单指定所有选项。

这是你的代码应该是这样的:

           
 maxFilesize: 2, uploadMultiple: false, addRemoveLinks: true, maxFiles: 1, autoProcessQueue: false 

您需要添加一个按钮或事件处理程序以允许处理预览文件,如果您让它autoProcessQueue您没有时间来决定是否需要该文件,除非您在“进程”中添加事件处理程序“事件。

 $("#uploadme").dropzone.processQueue() 

在我的情况下,我不得不使用vanilla JS Dropzone Class实例化并将Dropzone.autoDiscover = false;$(document).ready函数之外。

HTML:

 

JavaScript的: