Ajax Загрузить кнопку удаления

Question

im, используя загрузку ajax с помощью jsp. это хорошо работает, но я хочу добавить кнопку удаления для каждого файла или, по крайней мере, для всех файлов. это мой код:

<script type="text/javascript"> 
    $(function() { 
     var btnUpload = $('#upload'); 
     var status = $('#status'); 
     new AjaxUpload(btnUpload, { 
      action: 'uploadServlet', 
      name: 'uploadfile', 
      onSubmit: function (file, ext) { 
       if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) { 
        // extension is not allowed 
        status.text('Only JPG, PNG or GIF files are allowed'); 
        return false; 
       } 
       status.text('Uploading...'); 
      }, 
      onComplete: function (file, response) { 
       //On completion clear the status 
       status.text(''); 
       $('<li></li>').appendTo('#files').html('<img src="./uploads/' + file + '" alt="" height="40" width="40"/><br />' + file).addClass('success'); 

      } 
     }); 

    }); 
</script> 

<div id="mainbody"> 
    <h3>&raquo; AJAX File Upload Form Using jQuery</h3> 
    <!-- Upload Button, use 
    any id you wish--> 
    <div id="upload"> 
     <span>Upload File 
      <span> 
    </div> 
    <span id="status"></span> 
    <ul id="files"></ul> 
</div> 

Answer 1

Я нашел решение. Я создал сервлет, и я использовал jquery.

    $('ul').on("click","#delete",function(){      
       var del=$(this).parent(); 
       $filename = del.text();     
       del.fadeOut('slow', function() { del.remove(); }); 
       $.post("deleteServlet", {filename:$filename}, function() {}); 
      });