0

我想在表单中使用 dropzone 并与表单提交一起提交图像。所以我使用如下所示的方式，但是如果图像落在表单中的任何位置，它将接受图像。但我想允许用户只将他们的图像放在“dropClickable”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"});

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

请帮我！

4

1 回答 1

-1

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

autoProcessQueue: false

以下是这些配置：

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

看看下面的代码

Dropzone.options.myAwesomeDropzone = {
  autoProcessQueue: false,
  uploadMultiple: true,
  parallelUploads: 100,
  maxFiles: 100,
  init: function() {
   // Do your update and process stuff
  }
于 2018-01-05T06:31:27.060 回答