jquery实现兼容IE8的异步上传文件


Posted in Javascript onJune 15, 2015

案例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script src="upload02.js"></script>
<script type="text/javascript">
 
  function look() {
    //alert($("form input[type=file]").val())
    alert($("input[name=test]").upload("getFileVal"))
  }
  function clean() {
    $("input[name=test]").upload("clean")
  }
  function ajaxSubmit() {
    $("input[name=test]").upload({
      url: 'index.aspx',
      // 其他表单数据
      params: { name: 'pxblog' },
      // 上传完成后, 返回json, text
      dataType: 'json',
      onSend: function (obj, str) { return true; },
      // 上传之后回调
      onComplate: function (data) {
        alert(data.file);
      }
    });
    $("input[name=test]").upload("ajaxSubmit")
  }
  function look1() {
    //alert($("form input[type=file]").val())
    alert($("input[name=test1]").upload("getFileVal"))
  }
  function clean1() {
    $("input[name=test1]").upload("clean")
  }
  function ajaxSubmit1() {
    $("input[name=test1]").upload({
      url: 'index.aspx',
      // 其他表单数据
      params: { name: 'pxblog' },
      // 上传完成后, 返回json, text
      dataType: 'json',
      onSend: function (obj, str) { return true; },
      // 上传之后回调
      onComplate: function (data) {
        alert(data.file);
      }
    });
    $("input[name=test1]").upload("ajaxSubmit")
  }
</script>
</head>
 
<body>
  <p>
<input type="button" value="look" onclick="look()" />
<input type="button" value="clean" onclick="clean()" />
<input type="button" value="ajaxSubmit" onclick="ajaxSubmit()" />
<input type="file" name="test" />
  </p>
  <p>
<input type="button" value="look1" onclick="look1()" />
<input type="button" value="clean1" onclick="clean1()" />
<input type="button" value="ajaxSubmit1" onclick="ajaxSubmit1()" />
<input type="file" name="test1" />
  </p>
</body>
</html>

源码:http://code.taobao.org/p/upload2/src/jquery.upload2.js

我测试的环境是IE10,在IE10的开发者工具中模拟IE8,测试通过。(我将浏览器的安全权限设置了中,应该没有多大关系)

修复了此人写的一些小错误,添加几个方法,主要是通过了IE8的测试(之前的不支持IE8)。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
基于jquery的simpleValidate简易验证插件
Jan 31 Javascript
jQuery插件开发详细教程
Jun 06 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
Mar 31 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
基于复选框demo(分享)
Sep 27 Javascript
JavaScript实现音乐自动切换和轮播
Nov 05 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
Ajax请求超时与网络异常处理图文详解
May 23 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 #Javascript
jQuery实现自动调整字体大小的方法
Jun 15 #Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 #Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 #Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 #Javascript
JavaScript中的Math.atan2()方法使用详解
Jun 15 #Javascript
浅谈JavaScript中的Math.atan()方法的使用
Jun 14 #Javascript
You might like
php获取mysql字段名称和其它信息的例子
2014/04/14 PHP
PHP爬虫之百万级别知乎用户数据爬取与分析
2016/01/22 PHP
PHP实现清除MySQL死连接的方法
2016/07/23 PHP
Yii2增删改查之查询 where参数详细介绍
2016/08/08 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
无循环 JavaScript(map、reduce、filter和find)
2017/04/08 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
vue响应式系统之observe、watcher、dep的源码解析
2019/04/09 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
2019/05/26 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Python编程之微信推送模板消息功能示例
2017/08/21 Python
Python logging模块用法示例
2018/08/28 Python
Python高斯消除矩阵
2019/01/02 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
python内置模块collections知识点总结
2019/12/19 Python
基于pytorch 预训练的词向量用法详解
2020/01/06 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
Expedia挪威官网:酒店、机票和租车
2018/03/03 全球购物
沙特阿拉伯电子产品和家用电器购物网站:Black Box
2019/07/24 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
指针和引用有什么区别
2013/01/13 面试题
电子商务专业学生的学习自我评价
2013/10/27 职场文书
审计主管岗位职责
2014/01/31 职场文书
《长征》教学反思
2014/04/27 职场文书
园林技术专业求职信
2014/07/28 职场文书
批评与自我批评范文
2014/10/15 职场文书
党支部季度考核意见
2015/06/02 职场文书
zabbix监控mysql的实例方法
2021/06/02 MySQL
Python图片验证码降噪和8邻域降噪
2021/08/30 Python