java - 如何删除上传的文件

Question

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

代码是

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

+++演示+++

Answer 1

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

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

$('input[type="image"]')您的取消图像在哪里，('input[type="file"]')如果您的file input

Answer 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);
  });
});