HTML上传控件取消选择

 更新时间:2013年03月06日 14:52:48   作者:  
由于<input type="file">的value属性石只读的,所以要取消选择只能通过其他途径,此处有2种方法

JS代码
<input type="file" id="fileupload" name="file" /> 

第一种: (display:none时不能用)

复制代码 代码如下:

var obj = document.getElementById('fileupload') ;  
obj.select();  
document.execCommand("delete");

第二种:(无论display:none或block都可以用)

复制代码 代码如下:

var obj = document.getElementById('fileupload') ;  
obj.outerHTML=obj.outerHTML;

相关文章

  • 在webstorm开发微信小程序之使用阿里自定义字体图标的方法

    在webstorm开发微信小程序之使用阿里自定义字体图标的方法

    这篇文章主要介绍了在webstorm开发微信小程序之使用阿里自定义字体图标 的相关资料,需要的朋友可以参考下
    2018-11-11
  • ECMAScript6函数剩余参数(Rest Parameters)

    ECMAScript6函数剩余参数(Rest Parameters)

    这篇文章主要介绍了ECMAScript6函数剩余参数(Rest Parameters)的相关资料,需要的朋友可以参考下
    2015-06-06
  • 对于Javascript 执行上下文的全面了解

    对于Javascript 执行上下文的全面了解

    下面小编就为大家带来一篇对于Javascript 执行上下文的全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • js实现点击生成随机div

    js实现点击生成随机div

    这篇文章主要为大家详细介绍了js实现点击生成随机div,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • JavaScript设置获取和设置属性的方法

    JavaScript设置获取和设置属性的方法

    这篇文章主要介绍了JavaScript设置获取和设置属性的方法,学会使用getAttribute、setAttribute的用法,需要的朋友可以参考下
    2015-03-03
  • webpack4与babel配合使es6代码可运行于低版本浏览器的方法

    webpack4与babel配合使es6代码可运行于低版本浏览器的方法

    这篇文章主要介绍了webpack4与babel配合使es6代码可运行于低版本浏览器的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • js实现模拟购物商城案例

    js实现模拟购物商城案例

    这篇文章主要为大家详细介绍了js实现模拟购物商城案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • JavaScript 是什么意思

    JavaScript 是什么意思

    javascript一种由Netscape的LiveScript发展而来的脚本语言,它提高与Java的兼容性。JavaScript采用HTML页作为其接口。很多朋友问js是什么意思?下面小编通过分享本教程给大家解答下,感兴趣的朋友参考下
    2016-09-09
  • FireBug 调试JS入门教程 如何调试JS

    FireBug 调试JS入门教程 如何调试JS

    这篇文章主要为大家介绍下通过firefox的FireBug调试JS,需要的朋友可以参考下
    2013-12-12
  • JavaScript 数据结构之字典方法

    JavaScript 数据结构之字典方法

    这篇文章主要介绍了JavaScript 数据结构之字典方法,字典即Dictionary,是一种以 键-值对 形式存储数据的数据结构,下文更多相关介绍需要的小伙伴可以参考一下
    2022-04-04

最新评论