JS清空上传控件input(type="file")的值的代码

清空文件上传控件值的JavaScript实现

在Google搜索中找到了一个解决此问题的方案：

当文件上传控件中已插入值时，通常只能通过form的reset功能来清空。然而，这样做会导致表单内其他字段的值也被一并重置。

既然可以利用form的reset功能，我们可以采取以下策略：新建一个临时form，将需要清空的上传控件移入该临时form中，执行reset操作后再将其移回原来的位置，最后删除创建的临时form。具体js代码如下：

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);
} 
} 
view plaincopy to clipboardprint?
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);
} 
}