Blueimp文件上传：我的DELETE链接不起作用 [英] Blueimp file upload : my DELETE link doesn't work

问题描述

这是我的表格（基本上传）：

Here is my form (basic upload) :

<span class="btn btn-success fileinput-button">
    <span>Select files...</span>
    <input id="fileupload" type="file" name="files[]" multiple>
</span>
<br>
<div id="files" class="files"></div>

这是我的剧本：

$(function () {
    $('#fileupload').fileupload({
        url: 'server/php/',
        dataType: 'json',
        add: function (e, data) {
            data.context = $('<p/>').text('Uploading...').appendTo('#files');
            data.submit();
        },
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').html('<a href="#" class="text-danger delete" data-type="' + file.deleteType + '" data-url="' + file.deleteUrl + '" title="Delete">Delete</a>').appendTo('#files');
            });
        }
    });
});

我的上传还可以，但是当我点击DELETE链接时，没有任何反应。看来这个链接没有效果。也许我错过了包含的东西？

My upload is OK but when I click on the DELETE link, nothing happens. It seems like this link has no effect. Maybe I missed to include something ?

任何想法？

推荐答案

除非我遗漏了什么，否则你没有在链接上设置事件监听器。

Unless I'm missing something, you haven’t set up an event listener on the link.

$('#files').on('click', 'a', function (e) {
  e.preventDefault();

  var $link = $(this);

  var req = $.ajax({
    dataType: 'json',
    url: $link.data('url'),
    type: 'DELETE'
  });

  req.success(function () {
    $link.closet('p').remove();
  });
});

这篇关于Blueimp文件上传：我的DELETE链接不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！