清空input file 的值

最新推荐文章于 2024-06-21 11:14:10 发布

diaosheng8387

最新推荐文章于 2024-06-21 11:14:10 发布

阅读量155

点赞数

原文链接：http://www.cnblogs.com/anyaran/p/5142975.html

版权

本文介绍了一种用于清空HTML表单中文件输入字段的方法，通过DOM操作实现，适用于多种浏览器环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 清空file input
var Upload = {
    clear: function(id){
        var up = (typeof id=="string")?document.getElementById(id):id;
        if (typeof up != "object") return null;
        var tt = document.createElement("span");
        tt.id = "__tt__";
        up.parentNode.insertBefore(tt,up);
        var tf = document.createElement("form");
        tf.appendChild(up);
        document.getElementsByTagName("body")[0].appendChild(tf);
        tf.reset();
        tt.parentNode.insertBefore(up,tt);
        tt.parentNode.removeChild(tt);
        tt = null;
        tf.parentNode.removeChild(tf);
    },
    clearForm: function(){
        var inputs,frm;
        if (arguments.length == 0)
        {
            inputs = document.getElementsByTagName("input");
        }else{
            frm = (typeof arguments[0] == "string")?document.getElementById(arguments[0]):arguments[0];
            if (typeof frm != "object") return null;
            inputs = frm.getElementsByTagName("input");
        }
        var fs=[];
        for ( var i=0; i<inputs.length; i++ )
        {
            if (inputs[i].type == "file") fs[fs.length] = inputs[i];
        }
        var tf = document.createElement("form");
        for ( var i=0; i<fs.length; i++ )
        {
            var tt = document.createElement("span");
            tt.id = "__tt__" + i;
            fs[i].parentNode.insertBefore(tt, fs[i]);
            tf.appendChild(fs[i]);
        }
        document.getElementsByTagName("body")[0].appendChild(tf);
        tf.reset();
        for ( var i=0; i<fs.length; i++)
        {
            var tt = document.getElementById("__tt__" + i);
            tt.parentNode.insertBefore(fs[i],tt);
            tt.parentNode.removeChild(tt);
        }
        tf.parentNode.removeChild(tf);
    }
}