Добрый день. Для мультизагрузки картинок использую либу jquery.fileupload-ui. Для предварительного показа выбранных картинок там используется либо тег canvas, либо img с src вида "blob:ff95b8de-0756-4d75-8ca7-539df213a26f". И то, и другое при обновлении контента сбрасывает картинки. Т.е например у меня задача: пересортировать список картинок. Я помещаю элементы, содержащие картинки в массив, сортирую его в обратной последовательности, через .html() вывожу в контейнер, содержащий список, и вижу, что картинки исчезают, поскольку реального урла у них нет, в firebug адреса с blob не определяются. В чем может быть причина? Как грамотно обновить список картинок?
Пример элемента в списке:
<div class="tr template-upload fade">
<div class="td preview">
<span class="fade">
<img width="130" height="87" src="blob:8bd9a10c-a135-45e4-ba81-f9516d233d82">
</span>
</div>
</div>
Функция пересортировки элементов:
function resort_list(){
var counter = 1;
var arr = new Array();
$("#upload-drop-zone .tr").each(function(){
$(this).find('.file_num').val(counter);
counter++;
});
for(i = 1; i < counter; i++){
arr[i] = $('#upload-drop-zone .file_num[value="'+i+'"]').parent().html();
arr[i] = '<div class="tr template-upload fade in">'+arr[i]+'</div>';
}
var content = '';
var str = '';
for(i = counter - 1; i > 0; i--) {
content += arr[i];
}
var img = $('#upload-drop-zone .file_num[value="1"]').parent().find('.preview span');
$('#upload-drop-zone').html(content);
}