2017-02-02 35 views
5

Nie mogę się dowiedzieć, jak uzyskać JSONresponse po przesłaniu pliku za pomocą Dropzonejs.Dropzone - Uncaught Error: Nie podano adresu URL

mam tylko to:

<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> 

myślę, że nie jest możliwe bez ręcznej inicjalizacji zrzutowiska więc zmieniłem go na adres:

$("#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> 

które zwracają Uncaught Error: No URL provided.

Jak mogę zainicjować dropzone, więc mogę dodać opcje takie jak maxFiles, maxSize i uzyskać odpowiedź JSON?

+0

Jaką opcję chcesz dodać? nie jest jasne, o co prosisz. Opcją może być wszystko. – lin

+0

Opcje takie jak maxFiles itp. Ale głównym problemem jest złapanie odpowiedzi. –

+0

Łapiesz teraz odpowiedź w pobliżu 'console.log (odpowiedź);" więc z czym jest problem? – lin

Odpowiedz

13

Nie umieszczono URL dzieje, gdy Dropzone zostanie dołączona do obiektu bez albo:

  • atrybutem działanie na formularzu, który mówi DropZone gdzie po
  • konfigurację dla konkretnego zrzutowiska

Mój zakład jest taki, że masz kondycję, w której Dropzone przywiązuje się do elementu, zanim go skonfigurowałeś. Upewnij się, że twoja konfiguracja jest bezpośrednio po zaimportowaniu JS, lub że ustawisz Dropzone.autoDiscover = false; i bezpośrednio utworzysz Dropzone.

Aby uzyskać więcej informacji, należy przejrzeć ponad 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>