从输入jQuery中删除上传文件

Question

HTML code：

<img src="../img/attach.png" id="upfile1" style="cursor:pointer">
    <input type="file" id="file1"  name="file1" style="display:none">

jQuery：

$("#file1").change(function(){
        var arr = $('#file1')[0];
        var fileName = $('#file1')[0].files[0].name;
        var fileName2 = $('#file1')[0].files[0].size;
        fileName2 /= 100000;
        var size = fileName2.toFixed(2);
        if(fileName){
            $(".attach").html("1. <span class='fileName'>"+ fileName + "</span> " +size+ "Mb Loaded <img src='../img/bin.png'>").css("display","block");
            $(".attach img").on("click", function() {
                delete arr.files[0];
                console.log(arr.files[0]);
            });
        }
    });

我需要在点击img后删除上传文件...我可以使用jQuery或者我需要一些库这样的Basic plus UI。非常感谢。

Answer 1

您可以使用$('#file1').val('');。

Answer 2

$('#upfile1').on('click',function(){
    $('#file1').remove();
});