Проблема с несколькими файлами библиотеки Dropzone.js, загруженными на сервер ⇐ Php

[Anonymous]

У меня настроен экземпляр Dropzone, позволяющий пользователям загружать несколько изображений для одного места. Файлы отправляются на сервер с помощью запросов AJAX. Я реализовал обработчики событий, такие как sendmultiple, Successmultiple, errormultiple и Complete, для управления процессом загрузки файлов. Кроме того, я включил функцию сортировки, позволяющую пользователям изменять порядок загруженных изображений.
Ниже приведен код Js:

Код: Выделить всё

`$(document).ready(function () {
Dropzone.autoDiscover = false;
let myDropzone = new Dropzone("div#bestPlaceImgDrop", {
paramName: "files",
addRemoveLinks: true,
uploadMultiple: true,
autoProcessQueue: false,
parallelUploads: 50,
maxFilesize: 5,
acceptedFiles: ".webp, .jpeg, .jpg",
url: siteUrl + middlewareType + "/places/upload-place-images",
clickable: true
});

myDropzone.on("sendingmultiple", function (files, xhr, formData) {
xhr.setRequestHeader('X-CSRF-TOKEN', $('meta[name="csrf-token"]').attr('content'));
let filenames = [];
files.forEach(function (file) {
filenames.push(file.name);
});
const placeid = $('#placeid').val();
formData.append('filenames', filenames);
formData.append('placeid', placeid);
$('#preloader').show();
});

myDropzone.on("successmultiple", function (files, response) {
if (response.success) {
Swal.fire("Success", 'Image(s) Uploaded Successfully!', "success").then(function () {
window.location.reload();
});
} else {
showAlert('error', 'Image(s) Uploading failed');
}
});

myDropzone.on("errormultiple", function (files, errorMessage) {
showAlert('error', 'Image(s) Uploading failed');
});

myDropzone.on("complete", function (file) {
$('#preloader').hide();
myDropzone.removeFile(file);
});

$("#addPlaceImgsBtn").on("click", function () {
console.log("-- upload btn click --");
myDropzone.processQueue();
});

$(function () {
$("#bestPlaceImgDrop").sortable({
items: '.dz-preview',
cursor: 'move',
opacity: 0.5,
containment: '#bestPlaceImgDrop',
distance: 20,
tolerance: 'pointer',
stop: function (event, ui) {
myDropzone.sortable('update');
}
});

$("#bestPlaceImgDrop").disableSelection();
});
});

`
Однако я столкнулся с проблемой загрузки дубликатов файлов на сервер. Я подозреваю, что проблема может быть связана с тем, как я обрабатываю имена файлов во время процесса загрузки. Я был бы признателен за любые идеи или предложения о том, как решить эту проблему и обеспечить загрузку только уникальных файлов.
Любая помощь или рекомендации по улучшению структуры кода или эффективной обработке процесса загрузки файлов будут полезны. быть очень оценены. Заранее благодарим вас за помощь.
Я испробовал все возможные решения, которые нашел в ходе исследований и разработок в Интернете, но безуспешно.

Подробнее здесь: https://stackoverflow.com/questions/782 ... rver-issue