兼容ie9上传本地资源
在ie9中上传文件出现问题,大多数的上传文件都采用new Formdata创建添加文件,在IE9中不支持Formdata对象操作,ie10是支持的。所以只能使用表单提交的方式进行操作。
<form id="form" action="/upload" onsubmit="return addevent(event) enctype="multipart/form-data"">
<input id="fid" type="file" onchange="uploadFile">
<button>提交</button>
</form>
<div id="sub">点我提交</div>
注意在ie9中一定要是手动触发input选择文件,如果用其他事件触发input的点击事件,选取完文件后,input中是没有文件对象的,此时提交表单为空内容。
表单提交后防止页面刷新,使用jquery-form插件来帮助我们完成提交。原理就是提交时创建一个iframe视口,form的target属性指向iframe的id值,这样就实现了在iframe中提交,然后从iframe的内部把返回值取到。

除了ie9以下,其他均可以这种方式上传
<body>
<input type="file" onchange="changeFile(event)">
</body>
<script>
function changeFile(e) {
var fileObj=e.target.files[0]
uploadFile(fileObj)
}
function uploadFile(fileObj){
var fileObj=new FormData()
fileObj.append('file',fileObj)
$.ajax({
url:'/text',
data:fileObj,
dataType:json,
async:true,
cache:false,
processData:false, //参数序列化
contentType:false, //必须
success:function(){ }
})
}
</script>
兼容ie9上传本地资源的更多相关文章
- 图片上传本地预览。兼容IE7+
		
基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari 预览地址:http://www.jinbanmen.com/test/1.html js代码:/**名称 ...
 - 苹果cms怎么上传本地视频资源
		
今天我们来简单分享下苹果cms怎么上传本地视频,采集资源站的资源我们已经熟知了,但是有的伙伴们想要上传自己制作或是录制的视频应该怎么操作呢?这个问题有多种方法,今天我们先简单的说2种方法. 一,上传到 ...
 - 关于vue+element对ie9的兼容el-upload不支持在IE9上传
		
关于vue+element对ie9的兼容el-upload不支持在IE9上传 https://lian-yue.github.io/vue-upload-component/#/zh-cn/ 解决方案 ...
 - github入门到上传本地项目【网上资源整合】
		
[在原文章的基础上,修改了描述的不够详细的地方,对内容进行了扩充,整合了网上的一些资料] [内容主要来自http://www.cnblogs.com/specter45/p/github.html#g ...
 - JQuery插件:图片上传本地预览插件,改进案例一则。
		
/* *名称:图片上传本地预览插件 v1.1 *作者:周祥 *时间:2013年11月26日 *介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari *插 ...
 - 用java 代码下载Samba服务器上的文件到本地目录以及上传本地文件到Samba服务器
		
引入: 在我们昨天架设好了Samba服务器上并且创建了一个 Samba 账户后,我们就迫不及待的想用JAVA去操作Samba服务器了,我们找到了一个框架叫 jcifs,可以高效的完成我们工作. 实践: ...
 - CSDN没有审核投诉的真实性直接删除博主上传的资源
		
今天打开博客,发现一条未读通知:您上传的资源* * * *因质量投诉没有通过审核,如有疑问,请联系webmaster@csdn.net 我马上去看了下我的资源下载页,资源已经被删除,积分也已清空- ...
 - js实现图片上传本地预览
		
演示地址:https://xibushijie.github.io/static/uploadImg.html <!DOCTYPE> <html> <head> & ...
 - window下玩转maven私服全流程,融合创建仓库、上传项目资源、下载私服资源
		
 在互联网项目开发浪潮中,maven成为了项目管理依赖的重要工具,更多时候maven只作为拉取外部依赖的手段.但出于安全的考虑的,部门企业难免封装一些私有的工具类,或开源框架的二次开发封装,mave ...
 
随机推荐
- 新款iPad Pro4的电池续航和充电速度对比
			
3月18日晚苹果官网上架了两款新iPad Pro,两款iPad Pro 2020外观大小分别为11英寸和12.9英寸,搭载苹果A12Z仿生芯片,起售价分别为6288元和7899元.那么两款iPad P ...
 - ~~并发编程(十四):Queue~~
			
进击のpython ***** 并发编程--Queue 进程其实就提过这个Queue的问题,我们为什么在进程使用Queue? 是因为当时我们想要对共享数据进行修改,同时也希望它能够自动的给我加个锁 基 ...
 - hostapd阅读(openwrt)-2
			
深入追踪openwrt下的hostapd之后,发现openwrt无线管理机制格外的复杂,几乎所以的触发与回调均离不开ubus,关于ubus这里不作解释,先大概了解其用途即可(出门左转:https:// ...
 - Android实现QQ登录
			
https://www.jianshu.com/p/e59bc198e88f
 - Linux重定向用法详解
			
大家好,我是良许. 相信大家平时都会有需要复制粘贴数据的时候,如果是打开文件进行复制粘贴,就不可避免的需要较多的鼠标与键盘的操作,就会比较繁琐.那么有没有可以省掉这些繁琐操作的复制粘贴的方法呢? 答案 ...
 - 朝阳大妈也能听懂的git教程  (好人不谢)
			
1 核心概念(非常简单) 分支 同一个树关节 长两个分叉 每一个树关节 就是一个commit commit 是纵向纬度的版本 分支(branch) 是横向纬度的版本 (发挥想象力 自己 ...
 - DVWA SQL 注入关卡初探
			
1. 判断回显 给id参数赋不同的值,发现有不同的返回信息 2. 判断参数类型 在参数后加 ' ,查看报错信息 数字型参数左右无引号,字符型参数左右有引号 4. 引号闭合与布尔类型判断 由于是字符型参 ...
 - PHP libxml_clear_errors() 函数
			
定义和用法 libxml_clear_errors() 函数清空 libxml 错误缓冲. 语法 libxml_clear_errors() 实例 <?phplibxml_clear_error ...
 - zabbix 邮件报警和微信报警
			
# 邮件报警 一.定义邮件发件人 #密码来源 完成操作会看到 二.定义邮件收件人 三.启动动作 #先开启 2.触发操作 3.恢复操作 4.开启发送消息 1.2. 微信报警 一. 首先要注册一个企业微信 ...
 - Spring Boot的自动配置,到底是怎么做到?
			
作者:祖大帅 链接:juejin.im/post/5b679fbc5188251aad213110 来源:掘金 1. Spring Boot.Spring MVC 和 Spring 有什么区别? 分开 ...