js 清空file 值怎么清空

Posted 2023-03-23

参考技术A 清空上传控件（<input type="file"/>）的值的两种方法

方法1：

<span id=span1>
<input name=ab type=file>
</span>
<input name=button1 type=button value="按" onclick=show()>

<script language=javascript>
function show()

document.getElementById("span1").innerhtml="<input name=ab type=file>";

</script>

方法2：

function clearFileInput(file)
var form=document.createElement('form');
document.body.appendChild(form);
//记住file在旧表单中的的位置
var pos=file.nextSibling;
form.appendChild(file);
form.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
本回答被提问者采纳 参考技术B <form action="2.php" method="post">
<input type="file" name='a' class="a" id='op'>
<input type="submit" value='提交' class="b">
<a href="javascript:;" id='ap'>aa</a>
</form>
<a href="aaaaaa" id='hh'></a>
</body>
</html>
<script>

$(function()
$('#ap').click(function()
$('#op').val('');
);

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？你检查一下其他地方有没有问题？

追问

反正谢谢了^^