Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   JQuery File Upload удаление загруженных файлов (https://javascript.ru/forum/jquery/53646-jquery-file-upload-udalenie-zagruzhennykh-fajjlov.html)

Nobas 12.02.2015 09:19

JQuery File Upload удаление загруженных файлов
 
Хочу сделать удобный и красивый загрузчик файлов на своём сайте.
Взял за основу 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). Но при нажатии на кнопку просто по стандартной схеме данные уходят на сервер, страница перезагружается, а файлы на месте.

А нужно чтобы страница не перезагружалась, а файлы удалялись.

В общем бьюсь уже третий день.
Есть уже мысль отдельную функцию написать и всё, но в примере то удаление работает. И никакой отдельной функции вроде как нет.
Помогите кто знает.

krasovsky 12.02.2015 09:46

Цитата:

Сообщение от Nobas
Есть уже мысль отдельную функцию написать и всё, но в примере то удаление работает. И никакой отдельной функции вроде как нет.

Ну как это нет, есть, он в своем примере навешивает обработчик для этой кнопки. Ты свой сделай. Кроме того урл по которому делается запрос - всего лишь урл. Само удаление ты сам делаешь на сервере.

Nobas 12.02.2015 10:06

где то в душе у меня всё равно сидит сомнение. Зачем то же при загрузки изображения мне сервер возвращает deleteUrl. И он отличается от обычного url на изображение

krasovsky 12.02.2015 12:15

Цитата:

Сообщение от Nobas
Зачем то же при загрузки изображения мне сервер возвращает deleteUrl

Сервер тебе возвращает? =D
Он у тебя что своей жизнью живет? Или ты к нему доступа не имеешь?
Сервер возвращает те урлы, которые ты сам пропишешь в ответе(если конечно ты там хозяйничаешь)

Nobas 12.02.2015 14:06

Ну в смысле upload возвращает массив, и там есть deleteUrl


Часовой пояс GMT +3, время: 15:08.