Хочу сделать удобный и красивый загрузчик файлов на своём сайте.
Взял за основу JQuery File Upload.
Внешний вид я делаю свой, поэтому от плагина только мозги нужны.
С загрузкой вроде всё ок. Проблем нет. А вот с удалением есть.
В документации не нашел примера работы кнопки удаления файлов. Вернее в готовом варианте код есть. Я пытаюсь поставить его себе. Ничего не работает.
Вот так выглядит код:
$(function () {
var i=0
$('#fileupload').fileupload({
dataType: 'json',
done: function (e, data) {
var foto_html='';
$.each(data.result.files, function (index, file) {
i++;
foto_html=foto_html+
"<div class=\'file\' id='file"+i+"'>"+
"<a href='"+file.url+"' class='href_blue'>"+
"<img src='/images/file.png' class='file_img'/>"+
"<div class='file_name'>"+
file.name+
"</div>"+
"</a><button id='del"+i+"' data-url='"+file.deleteUrl+"' data-type='"+file.deleteType+"'><img src='/images/del.png' class='file_img' onClick='deletfile("+i+")'/>"+
"</div> "
$("#dok").append(foto_html);
});
},
то есть файлы он загружает и потихоньку выводит на экран блоки с загруженными файлами.
Для кнопки удаления взял данные из примера (data-url и data-type). Но при нажатии на кнопку просто по стандартной схеме данные уходят на сервер, страница перезагружается, а файлы на месте.
А нужно чтобы страница не перезагружалась, а файлы удалялись.
В общем бьюсь уже третий день.
Есть уже мысль отдельную функцию написать и всё, но в примере то удаление работает. И никакой отдельной функции вроде как нет.
Помогите кто знает.