Привет, всем! Сделал мултизагрузку файлов по нажатию на одну кнопку. Проблема: При загрузке дублирует записи в базу (сохраняет и грузит дубликаты фоток). Например, гружу фотку 2,3,4 - а у меня грузить два раза и пишет в базу также 2,3,4, 2,3,4 . Не могу зафиксировать ошибку.
Скорее всего, change() - срабатывает два раза.
Как сделать чтобы только один раз срабатывало? Или ошибка в другом?
Скрипт
//Функция добавления контента, нажатие кнопки в меню.
$(function(){
$('#image_upload_form').children('input').change(function () {
$('#image_upload_form').children('input').removeAttr('id');
$('#image_upload_form').ajaxSubmit({
beforeSubmit: function(){
},
success: function(data){
var $item_id = data;
window.location.replace("/add/" + $item_id);
}
});
});
});
<a href="#" class="panel-general-button2" id="button-add-photo-select">
<svg class="menu-icon-svg" viewBox="0 0 24 24">
<use xlink:href="#addcontent-icon-menu"></use>
</svg>
<form class="add-content-button" enctype="multipart/form-data" method="post" id="image_upload_form" action="/add_photo/">
<input id="id_image" multiple="true" name="image" type="file"></form>
</a>
Буду рад, если подскажите. Спасибо