<script>
var myDropzone = new Dropzone("div#my-dropzone", {
url: "./data.php",
enqueueForUpload: true,
clickable: '#openDropZone',
thumbnailWidth: 200,
thumbnailHeight: 200,
previewTemplate: '<div class="dz-preview dz-file-preview">' +
'<div class="dz-details">' +
'<div class="dz-filename" style="display: none;">' +
'<span data-dz-name></span></div>' +
'<div class="dz-size" style="display: none;" data-dz-size></div>' +
'<img data-dz-thumbnail /> </div>' +
'<div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>' +
'<div class="dz-error-message"><span data-dz-errormessage></span></div></div>'
});
myDropzone.on("selectedfiles", function (files) {
myDropzone.removeAllFiles();
});
myDropzone.on("addedfile", function (file) {
$('#imgNoPhoto').hide(); // hide the default no-imge img
});
$('#btnRegister').click(function(){
$('#apply-form').submit();
return false;
});
</script>
