从输入jQuery中删除上传文件答案

【问题标题】：Remove upload file from input jQuery从输入jQuery中删除上传文件
【发布时间】：2015-03-20 08:57:29
【问题描述】：

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。非常感谢。

【问题讨论】：

$('#file1').val("")
谢谢，它有效.. 但是从文件输入中删除文件是正确的方法吗？？

标签： javascript jquery html input

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：