Сортировка загружаемых изображений с помощью сортировки в jQuery UI и сохранение в базе данных
<input type="file" name="uploadPhotos[]" class="upload" multiple accept='image/*' />
<div class="previewBlock" id="sortable"></div>
Я создаю предварительный просмотр загружать изображения с помощью JS
function handleFileSelect(evt) {
var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
continue;
}
var reader = new FileReader();
reader.onload = (function (theFile) {
return function (e) {
$('.previewBlock').append(
$('<div/>').append(
$('<div/>').append(
$('<img/>').attr({
name: theFile.name,
src: e.target.result,
title: escape(theFile.name)
}).append(escape(theFile.name))
)
)
);
};
})(f);
reader.readAsDataURL(f);
}
}
$('.upload').change(handleFileSelect);
Я работаю с $ _FILES и сохраняю изображения в БД по умолчанию.
Как я могу отправить массив повторной сортировки с загрузкой изображений в PHP после сортировки jQuery UI?
$("#sortable").sortable({
start: function(event, ui) { },
change: function(event, ui) { },
update: function(event, ui) {
//
}
$('#sortable').disableSelection();
Решение
Вы могли бы справиться с этим с AJAX запрос.
update: function(event, ui) {
var images = "array of ids or something"
$.ajax({
url: '/path/to/php/file',
type: 'POST',
data: images,
success: function( response ) {
console.log( response );
}
});
}
на стороне PHP вам просто нужно что-то, чтобы обработать запрос и вернуть ответ.
Другие решения
Других решений пока нет …