如何删除上传的文件答案

【问题标题】：How to delete the uploaded file如何删除上传的文件
【发布时间】：2013-04-27 20:24:33
【问题描述】：

我有一个上传文件的任务。这个文件有一个删除按钮。如果你想删除，我们可以按删除按钮。为此我使用了代码

代码是

<div id="main">
    <p id="addfile1">Add File</p>
    <div id="file1">
        <input type="file"/>
    <input type="image" src="http://farm8.staticflickr.com/7153/6852073179_00961ba267.jpg" width="20px" id="btnClose1"/>
    </div>
    <p id="addfile2">Add File</p>
    <div id="file2">
        <input type="file"/>
    <input type="image" src="http://farm8.staticflickr.com/7153/6852073179_00961ba267.jpg" width="20px" id="btnClose2"/>
    </div>
    <p id="addfile3">Add File</p>
    <div id="file3">
        <input type="file"/>
    <input type="image" src="http://farm8.staticflickr.com/7153/6852073179_00961ba267.jpg" width="20px" id="btnClose3"/>
    </div>
</div>

js是

$("#file").hide();
 $("#btnClose").hide();
    $("#addfile").click(function() {
        $("#file").show();
        $("#btnClose").show();
        $("#addfile").hide();
});
});

[我只想通过单击 addfile 来显示文件标签。当我选择一条记录时，我想显示一个删除按钮，并且 addfile 必须被隐藏]

+++DEMO+++

【问题讨论】：

你的意思是：“但它不能正常工作”
您要从服务器中删除文件还是取消文件选择？

标签： java javascript jquery html file-upload

【解决方案1】：

要取消选择文件，您必须清除输入的值

$('input[type="image"]').click(function(){
        $(this).parent().find('input[type="file"]').val('');
});

$('input[type="image"]') 是您的取消图像，('input[type="file"]') 是您的 file input

【讨论】：

@Spokey-没问题。但我必须返回添加文件
过来聊天，我需要帮助

【解决方案2】：

类似

<p id="deletefile1" class="delete">delete File</p>

使用

$(".deletefile").click(function() {
  $("#addfile"+this.id.replace("deletefile","")).hide();
  $.post("pathToJsp",{filetodelete:$(this).data("filename")}, function(data) {
    $("#responseContainer").html(data);
  });
});

【讨论】：