javascript - 从输入 jQuery 中删除上传文件

Question

HTML代码:

<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('');。