Dropzone - 잡히지 않은 오류 : 제공된 URL 없음

Question

Dropzonejs를 사용하여 파일을 업로드 한 후 JSONresponse를 얻는 방법을 알 수 없습니다.

나는이 그냥이 :

<script src="{% static "dropzone/dropzone.js" %}"></script> 

<form id="id_dropzone" class="dropzone" action="/ajax_file_upload_handler/" 
       enctype="multipart/form-data" method="post"></form> 

나는 그것을 변경 있도록 수동으로 초기화 DROPZONE없이 불가능하다 생각 : Uncaught Error: No URL provided.

가 어떻게 초기화 할 수 있습니다 반환

$("#id_dropzone").dropzone({ 
       maxFiles: 2000, 
       url: "/ajax_file_upload_handler/", 
       success: function (file, response) { 
        console.log(response); 
       } 
      }); 


<form id="id_dropzone" class="" action="" 
       enctype="multipart/form-data" method="post"></form> 

dropzone 그래서 maxFiles, maxSize와 같은 옵션을 추가 할 수 있습니다. JSON 응답? DROPZONE이 중 하나없이 객체에 부착됩니다 때 제공

Answer 1

없음 URL 변화가 없습니다 :

• DROPZONE을 알려주는 형태에 action 속성이 어디 특정 DROPZONE에 대한
• 구성을 게시

제 생각에는 Dropzone이 구성하기 전에 요소에 자신이 붙는 경쟁 조건이 있다는 것입니다. 구성이 JS 가져 오기 바로 다음에 있거나 Dropzone.autoDiscover = false;을 설정하고 명시 적으로 Dropzone을 인스턴스화하는지 확인하십시오.

자세한 내용은 here을 살펴보십시오.

<script src="{% static "dropzone/dropzone.js" %}"></script> 

<script type="text/javascript"> 

    Dropzone.autoDiscover = false; 

    $(document).ready(function() { 
     $("#id_dropzone").dropzone({ 
      maxFiles: 2000, 
      url: "/ajax_file_upload_handler/", 
      success: function (file, response) { 
       console.log(response); 
      } 
     }); 
    }) 

</script> 

<form id="id_dropzone" 
     class="dropzone" 
     action="/ajax_file_upload_handler/" 
     enctype="multipart/form-data" 
     method="post"> 
</form>