IE8遇见的坑（不定时更新）

最新推荐文章于 2025-05-07 10:30:32 发布

原创最新推荐文章于 2025-05-07 10:30:32 发布 · 302 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在IE8浏览器中实现文件上传、文件大小判断及处理中文超链接的具体方法。针对IE8不支持File.files及屏蔽本地文件路径的问题，通过使用ajaxSubmit进行表单上传，并借助ActiveX控件获取文件大小。同时，为解决中文超链接请求失败，文章提供了encodeURI编码的解决方案。

1 文件上传

一般我们文件上传用的是fromDate提交，但由于ie8不支持。所以转而使用ajaxSubmit，表单上传。具体代码如下：

js代码，formobj表单id，由于懒就不写html

$('#formobj').ajaxSubmit({
    url: "systemController/filedeal.do?isup=1",
    type: 'POST',
    async: false,
    data: $("#formobj").serialize(),
    beforeSend: function () {
      
    },
    success: function (responseStr) {
       
    },
    error: function (responseStr) {
  
    }
});

2 文件大小判断

由于ie好像不知道File.files的这种方法，所以我用了ActiveX控件。但是他本身是需要修改安全级别的。不然对象没办法创建，具体修改方式，请自行百度

还有一个吐血提醒大家的，网上很多帖子给出的获取文件路径的方法，都是直接$（"fileid"）.value。但本皇皇使用的时候，我上传的明明就是E:/xxx。它获取的地址却是C:\fakepath\xxx”，根据大佬的说法是IE8出于安全性的考虑，上传文件时屏蔽了真实的本地文件路径。所以一定要用一下方法，虽然我也不太懂，但是真的解决了问题，如果有哪位大佬懂，请指点下我

function fileLoad(obj) {
    var fileSize = 10485761;
    var ua=navigator.userAgent;
    if(/Chrome/i.test(ua)){
         fileS = obj.files[0]; //获得文件大小；
         fileSize = fileS.size;
    }else if(/msie/i.test(ua)){
        //attach文件的id
        var file_upl = document.getElementById('attach');
        file_upl.select();
        var filePath = document.selection.createRange().text; // 创建文本区域对象
        var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
        var fileS = fileSystem.GetFile(filePath);
         fileSize = fileS.size;
        }
    if(fileSize > 10485760){
        alert('错误！请上传不超过10M的文件');
        return ;
    }}

3 中文超链接，在各种请求包含中文时，ie8没办法请求，但他也不会报错，需要用encodeURI（url）转一次；

  var url = "/xxxxController/xxxx.do?filePath="+id;
  location.href=encodeURI(url);