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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
Jquery submit()无法提交问题
Apr 21 Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
纯javascript版日历控件
Nov 24 Javascript
基于JavaScript实现自动更新倒计时效果
Dec 19 Javascript
Extjs表单输入框异步校验的插件实现方法
Mar 20 Javascript
JS高级技巧(简洁版)
Jul 29 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
Apr 11 Javascript
详解JavaScript类型判断的四种方法
Oct 21 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
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
2014/05/07 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
2016/10/20 Javascript
Javascript中click与blur事件的顺序详析
2017/04/25 Javascript
详谈js模块化规范
2017/07/07 Javascript
利用JS实现一个同Excel表现的智能填充算法
2018/08/13 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
2018/08/27 Javascript
jQuery实现的中英文切换功能示例
2019/01/11 jQuery
JavaScript交换两个变量方法实例
2019/11/25 Javascript
Python实现完整的事务操作示例
2017/06/20 Python
python使用正则表达式替换匹配成功的组并输出替换的次数
2017/11/22 Python
Android基于TCP和URL协议的网络编程示例【附demo源码下载】
2018/01/23 Python
在IPython中执行Python程序文件的示例
2018/11/01 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
Python中断多重循环的思路总结
2019/10/04 Python
canvas需要在标签里直接定义宽高
2014/12/17 HTML / CSS
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
SOA面试题:如何在SOA中实现松耦合
2013/07/21 面试题
交通事故检查书范文
2014/01/30 职场文书
上班看电影检讨书
2014/02/12 职场文书
辅导员评语
2014/05/04 职场文书
党员评议个人总结
2014/10/20 职场文书
2014年共青团工作总结
2014/12/10 职场文书
先进单位事迹材料
2014/12/25 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
党支部半年考察意见
2015/06/01 职场文书
胡桃夹子观后感
2015/06/11 职场文书
redis限流的实际应用
2021/04/24 Redis
关于python爬虫应用urllib库作用分析
2021/09/04 Python
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server