js怎么清空input file 里的值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js怎么清空input file 里的值?相关的知识,希望对你有一定的参考价值。

html:
<input type="file" value="选择文件" id="fileInput" />
<button type="button" id="btnClear">清空文件域</button>

JS:
<script type="text/javascript">
var btn = document.getElementById("btnClear");
var file = document.getElementById("fileInput");
btn.onclick = function()
// for IE, Opera, Safari, Chrome
if (file.outerHTML)
file.outerHTML = file.outerHTML;
else // FF(包括3.5)
file.value = "";


</script>
参考技术A 重新写一遍:
document.getElementById("span1").innerHTML="<input name=ab type=file>";追问

用innerHTML之后又有个问题了 谷歌火狐浏览器 取不到file里的值~

追答

应该跟innerHTML没关系啊,你怎么获取值的?

追问

我是用php的 $_FILES['upload_file'] 取得 file控件的信息 页面本身有的file 可以取得 但是用js添加的file不行不管是innerHTML还是create创建的 都取不到

追答

php不熟帮不到你了,呵呵
按道理说js创建页面跟普通是一样的,问题不应该出现在这个上面。
$_FILES['upload_file'] 有没有要求控件名称必须是upload_file?你检查一下其他地方有没有问题?

追问

反正谢谢了^^

以上是关于js怎么清空input file 里的值?的主要内容,如果未能解决你的问题,请参考以下文章

<input type="file" id="fileID">这个文本框里的值 怎么清空啊?

js 清空html input file的值

js 清空 input[type=file]的值

怎样清空ComboBox里的值?

怎样用js清除file type里的内容

Jquery 清空input file的值