Загружать и добавлять данные в каждый новый элемент
Я использую jQuery 2.0 с плагином html5Uploader для загрузки файлов через ajax, и у меня возникла следующая проблема (придерживайтесь этого со мной). Каждый раз, когда файл загружается, этот элемент добавляется в поле загрузки:
var fileTemplate = "<div ole=\"id_image\" id=\"{{id}}\" class=\"clearfix fl slika_prv\" >";
fileTemplate += "<div class=\"preview\"></div>";
fileTemplate += "<div class=\"filename\">{{filename}}</div>";
fileTemplate += "<a href=\"" + url_tmp_delete + "\" class=\"image_delete_tmp\">Obriši Sliku</a>";
fileTemplate += "</div>";
И когда загрузка прошла успешно, эта функция вызывается:
onSuccess : function(e, file, data) {
$('.image_delete_tmp').attr('data-id', data);
var img_delete = $('.image_delete_tmp');
delete_image(img_delete, 'tmp');
}
Добавляет данные идентификатора в тег. Этот тег предназначен для удаления загруженного файла, а данные - это имя загружаемого файла (ответ с сервера). Моя проблема заключается в том, как добавить уникальный идентификатор к загружаемому изображению (на данный момент все теги имеют одинаковый идентификатор (из последнего загруженного файла))? Я знаю, что это запутанный вопрос, но на данный момент это лучшее, что я могу сделать:(.