在单个请求中上传多个dropzone文件

时间:2019-11-28 06:59:08

标签: javascript angular dropzone.js

我要在单个请求中使用以下请求正文上传两个图像文件:

Form Data
signatureFile:(binary)
profileFile:(binary)

我有两个单独的dropzone元素,如下所示:

<div class="userDetails">
    <form action="user/upload" class="dropzone" id="profileImg">

    </form>

    <form action="user/upload" class="dropzone" id="signatureImg">

    </form>

  <button (click)="upload()">Upload Profile and Signature</button>
</div>

这是我的角度代码:

upload() {
    Dropzone.options.profileImg = {
          paramName:"profileFile",
          uploadMultiple: true,
          autoProcessQueue: false,
          maxFiles: 2,
          parallelUploads: 2,
    };

    Dropzone.options.signatureImg = {
          paramName:"signatureFile",
          uploadMultiple: true,
          autoProcessQueue: false,
          maxFiles: 2,
          parallelUploads: 2,
    };


   Dropzone.instances[0].processQueue();
   Dropzone.instances[1].processQueue();
}

但是我的问题是它只会发送第一个参数signatureFile而不发送profileFile参数,请参见请求正文

Form Data
  signatureFile: (binary)

不知道我错过了什么,我尝试了stackOverflow和Dropzone官方网站上的很多示例,但没有找到任何适用于这种情况的解决方案。

0 个答案:

没有答案