Question

我想在表单中使用dropzone并提交图像以及表单提交。所以我使用如下所示，但这样它将接受图像，如果它在表单中的任何地方。但我希望允许用户只将他们的图像放入＆＃34; dropClickable＆＃34; DIV。我怎样才能做到这一点？

<form enctype="multipart/form-data" action="action" accept-charset="UTF-8" method="post" novalidate="novalidate" class="dropzone">
  <div class="row">
     <div class="col-xs-10">
     </div>
    <div class="col-xs-2" id="dropClickable">
        Drop Your File here...!!
    </div>
  </div>
</form>

我已经尝试过这个

var myDropzone = new Dropzone("div#myId", { url: "/file/post"});

但是这样它会在其他路径上提交图片，我只想用带有其他表单数据的表单提交图片。

请帮助我！

Answer 1

您需要进行一些配置才能实现

autoProcessQueue: false

以下是这些配置：

autoProcessQueue: false Dropzone应等待用户点击上传按钮
uploadMultiple: true Dropzone应该一次上传所有文件（包括表单数据）而不是单独上传所有文件
parallelUploads: 100意味着它们不应该被分成块状
maxFiles: 100这是为了确保用户不会丢弃多于一个请求中允许的文件。

看看下面的代码

Dropzone.options.myAwesomeDropzone = {
  autoProcessQueue: false,
  uploadMultiple: true,
  parallelUploads: 100,
  maxFiles: 100,
  init: function() {
   // Do your update and process stuff
  }

如何在表单中使用dropzone？

1 个答案: