jquery ajax发送delete(use in jquery file upload delete file)

环境:

1. jQuery file upload 

HTML example code

<div class="pic-preview">
    <div class="pic"></div>
</div>
<div class="pic-action">
     <span class="btn btn-success fileinput-button">
        <i class="glyphicon glyphicon-plus"></i>
        <span>上傳圖片</span>
        <!-- The file input field used as target for the file upload widget -->
        <input id="fileupload" type="file" name="files[]">
    </span>
</div>
<div id="progress" class="progress">
    <div class="progress-bar progress-bar-success"></div>
</div>

<input type="hidden" name="pic" id="pic" value="">

Javascript:

(function(){
     $(function(){
       //init fileupload
        $('#progress').hide();
        var url = '<?php echo $dn.'Uploader.php';?>';
        $('#fileupload').fileupload({
            url: url,
            dataType: 'json',
            done: function (e, data) {
                $.each(data.result.files, function (index, file) {
                    $(".pic").empty().append('<img src="'+file.thumbnailUrl+'">');
                    $("#pic").val(file.name);
                    $(".pic-action").append('<span class="btn btn-danger" data-type="'+file.delete_type+'" data-url="'+file.deleteUrl+'" onclick="removePic(this)" >刪除</span>');
                });
                $('#progress').hide();
            },
            progressall: function (e, data) {
                $('#progress').show();
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $('#progress .progress-bar').css(
                    'width',
                    progress + '%'
                );
            }
        }).prop('disabled', !$.support.fileInput)
            .parent().addClass($.support.fileInput ? undefined : 'disabled');
    });
})();

最终效果是:

 

参考链接: How to send a PUT/DELETE request in jQuery?