2017-02-02 41 views
5

Dropzonejs kullanarak bir dosya yükledikten sonra JSONresponse'yi nasıl elde edeceğimi anlayamıyorum.Dropzone - Başarısız Hata: Belirtilen URL yok

Ben sadece bu:

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

ben bunu değiştirdi bu yüzden elle başlatılıyor dropzone olmadan mümkün olmadığını düşünüyorum: Uncaught Error: No URL provided.

nasıl sunabilmesi dönmek

$("#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 böylece maxFiles, maxSize gibi bir seçenek ekleyebilir ve JSON yanıtı alabilir miyim? Bir dropzone ya olmadan bir nesneye bağlı aldığında sağlanan

+0

Ne tür bir seçenek eklemek istersiniz? Ne istediğini açık değil. Bir seçenek her şey olabilir. – lin

+0

MaxFiles vb. Gibi seçenekler. Fakat asıl sorun bir yanıt yakalamaktır. –

+0

Şu anda yanıtı 'console.log (response)' yakınına yakalıyorsunuz, 'Yani sorun ne? – lin

cevap

13

Hiç URL olur:

  • dropzone söyleyen bir form üzerinde bir eylem niteliği nerede belirli dropzone için
  • bir yapılandırma sonrası

Benim bahsettiğim, bir yarışma koşulunuz var; burada Dropzone, onu yapılandırmadan önce kendini bir öğeye bağlar. Yapılandırmanızın doğrudan JS içe aktarımından sonra veya Dropzone.autoDiscover = false;'u ayarladığınızdan ve Dropzone'u açıkça başlattığınızdan emin olun.

Daha fazla bilgi için here'a bakın.

<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> 
İlgili konular