Показать сообщение отдельно
  #1 (permalink)  
Старый 14.07.2014, 14:19
Новичок на форуме
Отправить личное сообщение для Vitaliano Посмотреть профиль Найти все сообщения от Vitaliano
 
Регистрация: 11.06.2008
Сообщений: 4

Адрес картинки в 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);

}
Ответить с цитированием