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 相关文章推荐
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
jquery实现焦点图片随机切换效果的方法
Mar 12 Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
js判断密码强度的方法
Mar 18 Javascript
用VsCode编辑TypeScript的实现方法
May 07 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中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
打造计数器DIY三步曲(上)
2006/10/09 PHP
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP 操作文件的一些FAQ总结
2009/02/12 PHP
php生成无限栏目树
2017/03/16 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
javascript实现的动态添加表单元素input,button等(appendChild)
2007/11/24 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
JQuery插入DOM节点的方法
2015/06/11 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
Bootstrap每天必学之按钮
2015/11/26 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
Python基于DES算法加密解密实例
2015/06/03 Python
浅谈Python中的私有变量
2018/02/28 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
Python图像处理库PIL的ImageEnhance模块使用介绍
2020/02/26 Python
Python常用编译器原理及特点解析
2020/03/23 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
详解rem 适配布局
2018/10/31 HTML / CSS
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
复古服装:RetroStage
2019/05/10 全球购物
应届毕业生个人自荐信范文
2013/11/30 职场文书
快递业务员岗位职责
2014/01/06 职场文书
文明村创建实施方案
2014/03/27 职场文书
大学生社会实践感想
2015/08/11 职场文书
2016年“抗战胜利纪念日”71周年校园广播稿
2015/12/18 职场文书
交通安全教育心得体会
2016/01/15 职场文书
熟背这些句子,让您的英语口语突飞猛进(135句)
2019/09/06 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python