本篇文章是对使用JS清空File控件的路径值的方法进行了详细的分析介绍
需要的朋友参考下
关于如何用脚本修改fileupload控件值的问题
开发环境vs在上传文件时需要一个取消的按钮来清空type=file的value而且这个页面上有多个file控件
这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑)
方法)使用脚本把这个file的input移动到一个form中然后调用reset如果有多个这样的input当然还要再移出来这个方法我不会采用因为对net开发者
来讲习惯了一个页面就一个form所有控件都在其中
方法)这个方法有点投机就是在脚本中调用
var fileup = documentgetElementById(fileid);
fileupouterHTML = fileupouterHTML; 这个ie对脚本处理以及展现机制有关
方法)这个主要是在解决ff上的问题时考虑到的其实就是重新生成了一个id相同的file这里要注意 name一定也要赋值否则是很难提交给服务器接受的
在平时项目开发中会有上传文件的功能一般在前端会通过JS来判断上传文件是否属于指定的文件类型如果不属于就将控件值清空! (当然你也可以不清空)
有一种方法可以很简单的装文件上传组件的值清空代码如下:
var file=documentgetElementById("form:fileupload");
fileouterHTML=fileouterHTML
以上方法之能在IE中使用
为了兼容FireFox我们使用下面的方式来清空fileupload控件的值:
<span id=uploadSpan>
<input type="file">
</span>
<script language="JavaScript">
var html=documentgetElementById(uploadSpan)innerHTML;
function resetFile(){
documentgetElementById(uploadSpan)innerHTML=html;
}
</script>
这样就行了各浏览器都支持的
