解析使用JS 清空File控件的路径值_Javascript教程-查字典教程网
解析使用JS 清空File控件的路径值
解析使用JS 清空File控件的路径值
发布时间:2016-12-30 来源:查字典编辑
摘要:1.关于如何用脚本修改fileupload控件值的问题,开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的va...

1.关于如何用脚本修改fileupload控件值的问题,

开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件

这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑)

方法1).使用脚本把这个file的input移动到一个form中,然后调用reset,如果有多个这样的input当然还要再移出来.这个方法我不会采用,因为对.net开发者

来讲习惯了一个页面就一个form所有控件都在其中.

方法2).这个方法有点投机,就是在脚本中调用

var fileup = document.getElementById(fileid);

fileup.outerHTML = fileup.outerHTML; 这个ie对脚本处理以及展现机制有关

方法3).这个主要是在解决ff上的问题时考虑到的,其实就是重新生成了一个id相同的file,这里要注意 name一定也要赋值,否则是很难提交给服务器接受的

在平时项目开发中会有上传文件的功能,一般在前端会通过JS来判断上传文件是否属于指定的文件类型,如果不属于就将控件值清空! (当然你也可以不清空)

有一种方法可以很简单的装文件上传组件的值清空,代码如下:

var file=document.getElementById("form1:fileupload");

file.outerHTML=file.outerHTML

以上方法之能在IE中使用

为了兼容FireFox我们使用下面的方式来清空fileupload控件的值:

<span id='uploadSpan'>

<input type="file">

</span>

<script language="JavaScript">

var html=document.getElementById('uploadSpan').innerHTML;

function resetFile(){

document.getElementById('uploadSpan').innerHTML=html;

}

</script>

这样就行了,各浏览器都支持的

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类