<form class="form" id="uploadDocuments" method="post"
enctype="multipart/form-data">
<div class="card-body">
<div class="mb-15">
<div class="form-group row">
<label class="col-lg-2 col-form-label">Doc Type:</label>
<div class="col-lg-4" style="top: 10px;">
<select id="docType" name="docType">
<option value="">-select-</option>
<option value="STORE_FRONT">STORE FRONT</option>
<option value="STORE_INSIDE">STORE INSIDE</option>
<option value="SELFIE">SELFIE</option>
<option value="GOOGLE_PHOTOS">GOOGLE PHOTOS</option>
<option value="QR_CODE">QR CODE</option>
<option value="OTHERS">OTHER</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-lg-10" style="top: 10px;">
<input type="hidden" name="userId" th:value="${merchant.id}">
<input type="hidden" name="adminId"
th:value="${session.user}"><br><br>
<input name="file" type="file"/>
</div>
</div>
</div>
</div>
<div class="card-footer">
<button class="btn btn-primary mr-2">Submit</button>
</div>
</form>
$("form#uploadDocuments").submit(function(e) {
e.preventDefault();
var formData = new FormData(this);
$.ajax({
type: 'POST',
url: uploadDocumentsUrl,
headers: {
"Authorization":authorizationToken,
},
data: formData,
success: function (data) {
alert('Document Uploaded successfully');
window.location.reload();
},
error: function(xhr, textStatus, error){
var data=xhr.responseText;
var jsonResponse = JSON.parse(data);
console.log(jsonResponse.message);
alert('Message: ' +jsonResponse.message);
},
cache: false,
contentType: false,
processData: false
});
});