dropzone.js에 업로드 버튼을 설정하는 방법

Question

내 요구 사항에 따라 dropzone.js을 사용하고 있습니다.

사용자가 &을 파일을 끌어다 놓으면 업로드 된 파일이 표시되고 사용자가 "제출"버튼을 클릭하면 서버와 다른 다음 항목으로 이동해야하는 것처럼 파일 업로드 제어로 div를 사용하고 싶습니다.

그러나 여기에서 나는 내가 그것을 직접 파일을 서버로가는 파일을 업로드하고 경우에만 그것이 작동 양식으로, 같은 문제에 직면하고, 나는

<form action="~/Employer/GetFile" method="post" enctype="multipart/form-data" class="dropzone" id="dropzoneForm" style="width: 50px; background: none; border: none;"> 
    <div class="fallback"> 
     <input name="file" type="file" /> 
     <input type="submit" value="Upload" /> 
    </div> 
</form> // Working Fine , 


<div class="watermark pull-left margin-top-1 dropzone" id="divDropFile"></div> // Not wroking, 

이 파일을 업로드해야

(같이 작성했습니다 s)는 대상 URL이없는 dropzone.js과 같으며 파일 업로드 버튼 만 클릭하면 서버로 이동해야합니다. 또한 파일 드롭이 작동하지 않습니다.

제발 도와주세요 .. 양식 제출 없이는 가능하지 않은 경우 다른 해결책을 제안하십시오.

Answer 1

내 개발 컴퓨터에 없으므로 사용해 볼 수는 없지만 도움이되는 두 가지 사항이 있습니다.

1) dropzone 핫 스팟으로 사용하고자하는 div에는 class dropzone이 없어야합니다. 클래스 dz-message가 필요합니다. 이처럼 쓰기 : 당신이 자동으로 서버에 파일을 전송하지 않으려면, 당신이 당신의 Dropzone.options 객체에 autoProcessQueue = false를 추가 할 필요가

<div class="watermark pull-left margin-top-1 dz-message" id="divDropFile" data-dz-message></div> 

2). 그런 다음 나중에 파일을 업로드하기 위해 myDropzone.processQueue()를 수동으로 호출해야합니다.