드래그 영역이 있고 다른 위치에 입력 된 Dropzone

Question

드래그 앤 드롭 업로드를 사용하려면 응용 프로그램에서 Dropzone을 사용하려고합니다. 문제는 다음과 같습니다. 파일을 선택할 때 파일을 업로드 할 수 없으며 사용자가 전체 양식에서 '제출'을 클릭 할 때까지 기다려야합니다 (파일 업로드 전용 양식이 없음). 그러면 파일을 업로드 할 수 있습니다. . 그리고 다른 문제가 있습니다. 드래그 가능한 영역 (내 div)이 내 입력과 동일한 위치에 있지 않습니다 (업로드 된 파일이 필요한 위치).

그것은이 같은 뭔가 :

<form ...> 
    <input type="file"/> 
</form> 
<div id="myDivWhereUserWillDropTheFile"> 
</div> 

가 DROPZONE으로 해결할 수인가요?

Answer 1

달성하려는 정확한 흐름에 따라 다르지만 자동 업로드를 비활성화하려면 autoProcessQueue 및 autoQueue 옵션을 취하십시오.

http://www.dropzonejs.com/#config-autoProcessQueue

거기에서 당신은 프로그래밍 방식 입력 설정하는 addedfile 이벤트 핸들러를 사용할 수 있습니다

http://www.dropzonejs.com/#event-addedfile