Ajax 上传删除按钮答案

【问题标题】：Ajax Upload delete buttonAjax 上传删除按钮
【发布时间】：2012-05-06 07:12:58
【问题描述】：

我使用带有 jsp 的 ajax 上传。它运作良好，但我想为每个文件或至少为所有文件添加删除按钮。这是我的代码：

<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>

【问题讨论】：

我认为您误解了它的工作原理。您无法使用客户端代码删除服务器上的文件。
我的意思是有人错误地上传了文件，他想删除（取消）它并上传另一个文件，他该怎么办？！所以，我只想为客户端添加另一个按钮来删除错误的文件。我如何通过 ajaxupload 来做到这一点。
添加一个删除按钮，该按钮调用删除文件的服务器方法。此按钮还可以具有 ajax 功能。

标签： jquery ajax jsp ajax-upload ajaxuploader

【解决方案1】：

我找到了解决方案。我创建了一个 servlet，并使用了 jquery。

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

【讨论】：