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?