IE浏览器下获取file控件选择本地文件的路径

  由于安全问题,IE7+浏览器的internet区域的安全设置中“将文件上传到服务器时包含本地目录路径”选项默认是禁用的,所以通过file.value得到的不是实际选择的本地文件的路径,而是定位到c:\fjkk\等乱七八糟的路径去,文件名是正确的,路径不正确。

IE浏览器下获取file控件选择本地文件的路径

  IE浏览器下面可以使用selection对象获取到真实的本地选择文件的路径,firefox需要设置安全性,暂时无解。

  不过即使IE浏览器获取到了file控件选择的文件的实际本地路径,设置img对象的src属性也无法加载本地图片,实现预览

<!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>
<script Language="JavaScript">
    function change() {
        var pic = document.getElementById("pic");
        var file = document.getElementById("file1");
        if (document.all) {
            file.select();
            pic.src = document.selection.createRange().text
        }
        if (file.files) {
            if (file.files.item(0)) {
                url = file.files.item(0).getAsDataURL();
                pic.src = url;
            }
        }
    }
</script>
</head>
<body>
<form name="form1"  enctype="multipart/form-data">
          <td> 草图:</td>
          <td >
      <input type="file" name="file1" id="file1"  onchange="change()">
  </td>
 
<tr>
          <td>草图浏览:</td>
          <td>
      <img src="images/px.gif"  name="pic" id="pic" >
  </td>
       
</form>
 
</body>
</html>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:IE浏览器下获取file控件选择本地文件的路径

评论(0)Web开发网
阅读(2317)喜欢(0)JavaScript/Ajax开发技巧