如何使DropzoneJS圖像字段成爲我的表單中的可選字段

Question

我在表單中使用dropzoneJS。在圖片旁邊，表格還記錄用戶輸入。一切工作正常。用戶輸入將進入我的數據庫，圖像將上傳到已定義的目錄中。 現在我想將拖放圖片字段設置爲可選字段，用戶可以選擇上傳圖片或將其留空。但問題是，「提交」按鈕在用戶放置圖像之前不起作用。 所以，請建議我如何使提交按鈕提交表單，即使用戶不選擇任何圖像。我不是javascript的專家。

這裏是我的形式和按鈕 -

<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" class="dropzone form-horizontal" id="my-awesome-dropzone" method="post" enctype="multipart/form-data"> 
<input type="text" ..blah blah 

<input type .. blah blah 
<!-- DropzoneJS div --> 
<div class="dropzone-previews form-group" style="height: 350px;"></div> 
    <div class="fallback col-xs-3"> 
    <input name="file" class="input-file form-control "type="file" multiple/> 
    </div> 
<button type="submit" id="submit-dz" class="btn btn-primary" name="signup">Submit</button> 

這是JavaScript的（設置必要的懸浮窗的配置，如autoProcessQueue後：虛假和blah..blah） -

init: function() { 
var myDropzone = this; 
// Upload images when submit button is clicked. 
$("#submit-dz").click(function (e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    myDropzone.processQueue(); 
}); 
} 

Answer 1

您可以檢查如果dropzone有文件上傳與否，並提交相應的表格：

init: function() { 
    var myDropzone = this; 
    $("#submit-dz").click(function (e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    if (myDropzone.files.length) { 
     myDropzone.processQueue(); // upload files and submit the form 
    } else { 
     $('#my-awesome-dropzone').submit(); // submit the form 
    } 
    }); 
} 

也閱讀this可能會幫助你。