Repository navigation

Dropzone

Jump to bottom

bailey edited this page Aug 29, 2020 · 1 revision

아이템 타입별로 dropzone 옵션을 다르게 주고 싶을 때

add아이템타입-file.html

Dropzone form태그에 id를 설정해준다.
아이템타입Dropzone으로 설정한다.

<form id="hdriDropzone" action="/uploadhdri-file" method="post" class="dropzone" enctype="multipart/form-data">
    <div class="fallback">
        <input name="file" type="file" />
    </div>
</form>

dropezone.js
- Dropzone.options.아이템타입Dropzone={}안에서 옵션을 설정한다
```
Dropzone.options.hdriDropzone = {
  maxFiles: 1,
}
```

수동으로 파일을 업로드할 때

autoProcessQueue를 false로 설정한다.
업로드 버튼을 누를 때 .processQueue()가 실행되도록 한다.

Dropzone.options.hdriDropzone = {
  autoProcessQueue: false,
  init: function () {
    // 최초 dropzone 설정시 init을 통해 호출
    var submitButton = document.getElementById("btn-upload-file");
    var currentDropzone = this; //closure
    submitButton.addEventListener("click",
      function () {
          currentDropzone.processQueue(); // 파일을 수동으로 전송한다.
      }
    );
  }
}