前端附件上传(兼容ie8)

本文总结了前端附件上传在高版本和低版本浏览器(尤其是IE8)中的实现方法,包括使用FormData对象处理高版本浏览器的上传,以及针对IE8等低版本浏览器的ActiveX控件设置、注册表修改、安全机制处理等关键步骤,确保文件上传功能的正常运行。
摘要由CSDN通过智能技术生成

附件上传的一些总结(兼容ie8)

一、高版本浏览器(ie10+)可用formdata方式

1、获取文件信息,由input[type=‘file’]的onchange事件触发
关键代码($(this)指代input[type=‘file’]):
var fileName = $(this).context.files[0].name;
var fileSize = $(this).context.files[0].size;

2、上传
关键代码:
var formData = new FormData();
formData.append(“file”,$(this).context.files[0]);

二、低版本浏览器(ie9-)

注(这几点都是爬过的坑,血和泪啊。。。):
1、首先要进行ie浏览器Internet选项的一些设置,active-x控件和其他里面有些选项要设置为启用,因为在获取文件信息的时候有用到了active-x控件,如不设置,会报错
在这里插入图片描述

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
兼容IE8前端开发需要注意以下几点: 1. DOCTYPE声明:要使用HTML5的文档类型声明,但需要加上X-UA-Compatible元标签指定IE8的文档模式。 ``` <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> </head> <body> ... </body> </html> ``` 2. CSS的兼容处理:建议使用CSS3的语法,但需要注意CSS3新增的属性和选择器在IE8中不支持,需要进行兼容处理。 ``` /* IE8中不支持的CSS3属性 */ .box { border-radius: 10px; box-shadow: 0px 0px 10px #000000; background: linear-gradient(to bottom, #ffffff, #cccccc); } /* 对IE8进行兼容处理 */ .box { border: 1px solid #999999; width: 200px; height: 200px; background-color: #ffffff; /* 针对IE8使用filter属性实现圆角和阴影效果 */ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false, opacity=0) progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=100, finishOpacity=100, style=2, startx=0, starty=0, finishx=0, finishy=100, GradientType=0) progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=5, color=#000000); /* 针对IE8使用渐变背景 */ background: #ffffff; background: -ms-linear-gradient(top, #ffffff, #cccccc); background: linear-gradient(to bottom, #ffffff, #cccccc); } ``` 3. JavaScript兼容处理:IE8不支持ES5及以上版本的JavaScript语法和API,需要进行兼容处理。 ``` /* IE8中不支持的ES5语法 */ var arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); }); /* 对IE8进行兼容处理 */ var arr = [1, 2, 3]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 总之,兼容IE8需要对HTML、CSS、JavaScript三个方面进行适当的兼容处理,才能保证在IE8下正常显示和运行。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值