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 相关文章推荐
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
6个DIV 135或246间隔一秒轮番显示效果
Jul 24 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
JavaScript中遍历对象的property的3种方法介绍
Dec 30 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
AngularJS $injector 依赖注入详解
Sep 14 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
原生JS轮播图插件
Feb 09 Javascript
前端axios下载excel文件(二进制)的处理方法
Jul 31 Javascript
express异步函数异常捕获示例详解
Nov 30 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
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
超级兔子让浮动层消失的前因后果
2007/03/09 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
javascript 正则表达式相关应介绍
2012/11/27 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
nodejs个人博客开发第一步 准备工作
2017/04/12 NodeJs
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
vue 使用自定义指令实现表单校验的方法
2018/08/28 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
python的mysqldb安装步骤详解
2017/08/14 Python
Python多进程multiprocessing用法实例分析
2017/08/18 Python
python编程羊车门问题代码示例
2017/10/25 Python
详解Python 数据库的Connection、Cursor两大对象
2018/06/25 Python
pycharm运行和调试不显示结果的解决方法
2018/11/30 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
Python基于os.environ从windows获取环境变量
2020/06/09 Python
Python实现自动签到脚本功能
2020/08/20 Python
详解CSS3的perspective属性设置3D变换距离的方法
2016/05/23 HTML / CSS
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
在网络中有两台主机A和B,并通过路由器和其他交换设备连接起来,已经确认物理连接正确无误,怎么来测试这两台机器是否连通?如果不通,怎么来判断故障点?怎么排
2014/01/13 面试题
办公室主任个人对照检查材料思想汇报
2014/10/11 职场文书
财政局长个人总结
2015/03/04 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
数学备课组工作总结
2015/08/12 职场文书
JavaScript组合继承详解
2021/11/07 Javascript