Адрес картинки в blob
Добрый день. Для мультизагрузки картинок использую либу 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); } |
а изначально канвас и\или имага откуда берет данные?
|
Часовой пояс GMT +3, время: 16:02. |