ドロップゾーンフォームが全身に入っています。

Question

私はindex.phpの

正規形で

をドロップゾーンをintragatingため、このコードを日科技連

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

カスタムドロップゾーン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のは私の専門家の弟助けて！ドロップダウンフォームは完全な形式で提供されます。私はこのコードで修正する必要があります。

Answer 1

私は全体の質問を理解していませんでしたが、私はあなたのコードにわずかな問題しか見ません。私は警告メッセージを確認するために、あなたのコードを更新し、次のスニペットで

：

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