jquery 和 javascript 清空上传控件 方法总结

大家都知道清空上传控件“ <input type="file" />”用平常的value=“”无法实现清空

在这里给大家分享两种方法

//clone
function clearFileInputByClone(fileId) {
var cloneFile = $("#"+fileId).clone();
$("#"+fileId).replaceWith(cloneFile);
}

//html
function clearFileInputByHtml(fileId) {
var tempHTML = $("#"+fileId).parent().html();
$("#"+fileId).parent().html(tempHTML)
}

//outerHMTL
function clearFileInputByOuterHTML(fileId) {
var fileobj = document.getElementById(fileId);
fileobj.outerHTML = fileobj.outerHTML;
}

//各位如有更好的方法 多多交流

//测试

<form action="" id="form1">
<table>
<tr>
<td>名称：</td>
<td><input name="username" value="" /></td>
</tr>
<tr>
<td>附件：</td>
<td>
<input type="file" id="file_rest" />
<a href="javascript:clearFileInputByOuterHTML('file_rest')">清空</a>
</td>
</tr>
<tr><td colspan="2"><button onclick="">提交</button></td></tr>
</table>
</form>