IE下使用js清空file控件值的几种方法

最新推荐文章于 2022-06-16 21:07:25 发布

行云半梦

最新推荐文章于 2022-06-16 21:07:25 发布

阅读量916

点赞数

分类专栏： web

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在firefox下使用js清空file控件的value非常简单，即：obj.value=""; 就可以了，但在ie下，由于出于安全等方面考虑，file的value被设为了只读，所以js对其不能直接地控制，因此我们只能使用一些变通的方法来解决，网上对此也有好些方法，在此我谈谈自己认为最好的几种。

下面以上传文件格式限制（只对扩展名判断）这一实例来说明。

1、file控件由HTML生成

2、file控件由JS动态生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function addUploadField(name, parentId) {
    var f = document.createElement("input");
     f.type = "file";
     f.name = name;
    if (window.addEventListener) { // Mozilla, Netscape, Firefox
         f.addEventListener("change", function() {
             CheckUpLoadFile(f, parentId);
         }, false);
     } else { // IE
         f.attachEvent('onchange', function() {
             CheckUpLoadFile(f, parentId);
         });
     }
     f.size = 30;
     p = document.getElementById(parentId);
     p.appendChild(document.createElement("br"));
     p.appendChild(f);
}

function CheckUpLoadFile(obj) {
     DenyExt = "exe|cmd|jsp|php|asp|aspx|html|htm";
    if (obj.value == "") {
        return false;
     }
    var FileExt = "";
     FileExt = obj.value.substr(obj.value.lastIndexOf(".") + 1).toLowerCase();
    if (DenyExt.indexOf(FileExt) != -1) {
         alert("You can't upload the file of the types:" + DenyExt);
        if (!window.addEventListener) {
        //IE 关键代码在这里！！！
              obj.select();
              document.execCommand('Delete');
              obj.blur();
    //obj.outerHTML+=''; 此方法虽然很安全，但可惜在此不能使用
            return false;
         } else {
            //非IE
             obj.value = "";
            return false;
         }

     }
}
</script>
<title>无标题文档</title>
</head>
<body>
<span id="attachments_span">
<input type="button" name="add" οnclick="addUploadField('myFile' ,'attachments_span');" value="Add" />
</span>
</body>
</html>

行云半梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE下使用js清空file控件值的几种方法

在firefox下使用js清空file控件的value非常简单，即：obj.value=""; 就可以了，但在ie下，由于出于安全等方面考虑，file的value被设为了只读，所以js对其不能直接地控制，因此我们只能使用一些变通的方法来解决，网上对此也有好些方法，在此我谈谈自己认为最好的几种。下面以上传文件格式限制（只对扩展名判断）这一实例来说明。1、file控件由HTML生成<!DO
复制链接

扫一扫