清除HTML file控件value属性值

最新推荐文章于 2021-06-18 19:02:27 发布

最新推荐文章于 2021-06-18 19:02:27 发布 · 364 阅读

文章标签：

#HTML #IE #Chrome #浏览器

web前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种解决IE浏览器下无法清除file控件value值的问题。通过判断浏览器类型，针对IE使用特定方法实现清除，而在其他现代浏览器中采用通用方式。

上午在做东西的时候需要清除file控件的value值，采用传统的处理方式（即直接将file控件的value值赋值为""），在FF和Chrome浏览器下都可以正常清除，但在IE下是无法清除的。

可通过以下方法清除：

html代码:

<input type="file"  id="fileUpload"/>

js代码:

    var ie = (navigator.appVersion.indexOf("MSIE")!=-1);//IE      
     if(ie){
                 $("#fileUpload").select();
                  document.execCommand("delete");
             }else{
                    $("#fileUpload").val(""); 
            }