Dropzone Form kommt in ganzen Körper.

Question

ich Juse diesen Code für intragating Dropzone in einer normalen Form

Index.php

 <form id="my-awesome-dropzone" class="dropzone" action="upload.php"> 
      <div class="dropzone-previews"> </div> <!-- this is were the previews should be shown. --> 

      <!-- Now setup your input fields --> 
      <input type="text" name="Name" /> 
      <input type="text" name="Description" /> 

      <button type="submit">Submit data and files!</button> 

     </form> 

benutzerdefinierte Dropzone JS

Dropzone.options.myAwesomeDropzone = { 
    autoProcessQueue: false, 
     uploadMultiple: false, 
     parallelUploads: 100, 
      maxFiles: 100, 


    init: function() { 
var myDropzone = this; 


this.element.querySelector("button[type=submit]").addEventListener("click", function(e) { 

    e.preventDefault(); 
    e.stopPropagation(); 
    myDropzone.processQueue(); 
}); 


this.on("sendingmultiple", function() { 
    alert("successfully"); 
}); 
this.on("successmultiple", function(files, response) { 
    alert("successfully"); 

}); 
this.on("errormultiple", function(files, response) { 
    alert("Error"); 

});}} 

Pls mir Hilfe Experte Bruder! Die Drop-Down-Form kommt mit der ganzen Form. was ich in diesem Code behoben werden muss.

Answer 1

Ich habe die ganze Frage nicht verstanden, aber ich sehe nur wenige Probleme in Ihrem Code.

Im folgenden Schnipsel ich Ihren Code aktualisiert, um die Warnmeldungen zu sehen:

$(function() { 
 
    Dropzone.options.myAwesomeDropzone = { 
 
    previewsContainer: '.dropzone-previews', 
 
    autoProcessQueue: false, 
 
    uploadMultiple: false, 
 
    parallelUploads: 100, 
 
    maxFiles: 100, 
 
    init: function() { 
 
     var myDropzone = this; 
 

 
     this.element.querySelector("button[type=submit]").addEventListener("click", function (e) { 
 
     e.preventDefault(); 
 
     e.stopPropagation(); 
 
     myDropzone.processQueue(); 
 
     }); 
 
    }, 
 
    sending: function(file, xhr, formData) { 
 
     alert('sending'); 
 
    }, 
 
    sendingmultiple: function (file, xhr, formData) { 
 
     alert("successfully"); 
 
    }, 
 
    successmultiple: function (file, xhr, formData) { 
 
     alert("successfully"); 
 

 
    }, 
 
    error: function (a, errorMessage, xhr) { 
 
     alert("Error"); 
 
    } 
 
    }; 
 
});

<script src="http://code.jquery.com/jquery-1.12.1.min.js"></script> 
 

 
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css" rel="stylesheet"> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"></script> 
 

 
<form id="my-awesome-dropzone" class="dropzone" action="upload.php"> 
 
    <div class="dropzone-previews"></div> 
 
    <!-- this is were the previews should be shown. --> 
 

 
    <!-- Now setup your input fields --> 
 
    <input type="text" name="Name"/> 
 
    <input type="text" name="Description"/> 
 

 
    <button type="submit">Submit data and files!</button> 
 

 
</form>