Tüm JS Kodlarım Aşağıdaki gibi.
<div class="dropzone" id="ilanresim"></div>
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#ilanresim", {
url: "inc/ilanislem.php",
paramName: "resim",
maxFilesize: 10,
uploadMultiple: true,
parallelUploads: 10,
maxFiles: 10,
addRemoveLinks: true,
dictRemoveFile: "Kaldır",
dictInvalidFileType: "Sadece Resim Yüklemeye İzin Verilmektedir.",
dictFileTooBig: "Dosya boyutu {{maxFilesize}} MB'nin üzerinde!",
acceptedFiles: "image/*",
dictDefaultMessage: '<strong>5 Adet Resim Yükleme Hakkınız vardır</strong><br><strong>GÖRSEL SEÇ veya SÜRÜKLE BIRAK </strong><br>(PNG, JPEG, JPG,) Resim Formatinda Olmalıdır. <br>Dosya Boyutu en fazla 10Mb boyutunda olmalıdır.',
dictMaxFilesExceeded: "Sadece {{maxFiles}} Adet Resim Yüklemenize İzin verilmiştir.",
autoProcessQueue: false,
init: function () {
this.on("success", function (file, responseText) {
var id = responseText.match(/\d+/g).map(Number);
window.location.replace('ilan-ekle/?type=<?=$_SESSION['type']?>')
});
}
});
var previewContainer = $(".dropzone");
previewContainer.sortable({
update: function(event, ui) {
updateMainImage();
}
});
function updateMainImage() {
previewContainer.children().removeClass("main-image");
previewContainer.children().first().addClass("main-image");
}
myDropzone.on('sendingmultiple', function (file, xhr, formData) {
formData.append("ilanEkle", "ilanEkle");
$("#ResimForm").find("input").each(function(){
formData.append($(this).attr("name"), $(this).val());
});
});
$('#ekle').on('click', function (e) {
if (myDropzone.getUploadingFiles().length === 0 && myDropzone.getQueuedFiles().length === 0) {
//alert("Resim SEÇ Bro");
}else{
e.preventDefault();
myDropzone.processQueue();
$("#ekle").hide();
$("#ekle").after('<div class="col-12"><button class="btn red-bg col-12" type="button" disabled><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> İlanınız Kayıt Ediliyor. Lütfen Bekleyiniz...</button></div>').attr("disabled", "disabled");
} });