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]

+++DEMO+++

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

如何删除上传的文件

2 个答案: