http://code.taobao.org/p/upload2/src/ 已经托管至淘宝code

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

案例：

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <script type="text/javascript" src="jquery.min.js"></script>
  7. <script src="upload02.js"></script>
  8. <script type="text/javascript">
  9.  
  10.     function look() {
  11.         //alert($("form input[type=file]").val())
  12.         alert($("input[name=test]").upload("getFileVal"))
  13.     }
  14.     function clean() {
  15.         $("input[name=test]").upload("clean")
  16.     }
  17.     function ajaxSubmit() {
  18.         $("input[name=test]").upload({
  19.             url: 'index.aspx',
  20.             // 其他表单数据
  21.             params: { name: 'pxblog' },
  22.             // 上传完成后, 返回json, text
  23.             dataType: 'json',
  24.             onSend: function (obj, str) {  return true; },
  25.             // 上传之后回调
  26.             onComplate: function (data) {
  27.                 alert(data.file);
  28.             }
  29.         });
  30.         $("input[name=test]").upload("ajaxSubmit")
  31.     }
  32.  
  33.     function look1() {
  34.         //alert($("form input[type=file]").val())
  35.         alert($("input[name=test1]").upload("getFileVal"))
  36.     }
  37.     function clean1() {
  38.         $("input[name=test1]").upload("clean")
  39.     }
  40.     function ajaxSubmit1() {
  41.         $("input[name=test1]").upload({
  42.             url: 'index.aspx',
  43.             // 其他表单数据
  44.             params: { name: 'pxblog' },
  45.             // 上传完成后, 返回json, text
  46.             dataType: 'json',
  47.             onSend: function (obj, str) { return true; },
  48.             // 上传之后回调
  49.             onComplate: function (data) {
  50.                 alert(data.file);
  51.             }
  52.         });
  53.         $("input[name=test1]").upload("ajaxSubmit")
  54.     }
  55. </script>
  56. </head>
  57.  
  58. <body>
  59.     <p>
  60. <input type="button" value="look" onclick="look()" />
  61. <input type="button" value="clean" onclick="clean()" />
  62. <input type="button" value="ajaxSubmit" onclick="ajaxSubmit()" />
  63. <input type="file" name="test" />
  64.     </p>
  65.     <p>
  66. <input type="button" value="look1" onclick="look1()" />
  67. <input type="button" value="clean1" onclick="clean1()" />
  68. <input type="button" value="ajaxSubmit1" onclick="ajaxSubmit1()" />
  69. <input type="file" name="test1" />
  70.     </p>
  71. </body>
  72. </html>

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

源码修改自：http://www.ponxu.com。

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

jquery异步上传文件，支持IE8的更多相关文章

  1. Jquery异步上传文件

    我想通过jQuery异步上传文件,这是我的HTML: 1 2 3 <span>File</span> <input type="file" id=&q ...

  2. 【转】jQuery异步上传文件

    用了 jQuery Form插件来解决这个问题:http://malsup.com/jquery/form/#code-samples 有没有不用该插件来实现呢? 解决方法: 可以采用HTML5,用j ...

  3. IE8/9 JQuery.Ajax 上传文件无效

    IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...

  4. 【转】JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现a ...

  5. 利用jquery.form实现异步上传文件

    实现原理 目前需要在一个页面实现多个地方调用上传控件上传文件,并且必须是异步上传.思考半天,想到通过创建动态表单包裹上传文件域,利用jquery.form实现异步提交表单,从而达到异步上传的目的,在上 ...

  6. JQuery插件ajaxFileUpload 异步上传文件（PHP版）

    太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错 ...

  7. struts2 jquery ajaxFileUpload 异步上传文件

    网上搜集的,整理一下. 一.ajaxFileUpload 实现异步上传文件利用到了ajaxFileUpload.js这个文件,这是别人开发的一个jquery的插件,可以实现文件的上传并能够和strut ...

  8. 异步上传文件,ajax上传文件,jQuery插件之ajaxFileUpload

    http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一.ajaxFileUpload是一个异步上传文件的jQuery插件. ...

  9. MVC文件上传 - 使用jquery异步上传并客户端验证类型和大小

    本篇体验MVC上传文件,从表单上传过渡到jquery异步上传. MVC最基本的上传文件是通过form表单提交方式 □ 前台视图部分 <% using(Html.BeginForm("F ...

随机推荐

  1. Spark核心概念之RDD

    RDD: Resilient Distributed Dataset RDD的特点: 1.A list of partitions       一系列的分片:比如说64M一片:类似于Hadoop中的s ...

  2. 1314: ZZY的困惑

    1314: ZZY的困惑 Time Limit: 2 Sec  Memory Limit: 128 M[Submit][Status][Web Board] Description ZZY有很多爱好~ ...

  3. win7-opengl开发环境的搭建

    1. glut的安装: 下载glutdlls37beta.zip,下载链接直接opengl.org上找. 把glut.h 复制到include下: glut.lib, glut32.lib复制到C:\ ...

  4. 【测试】使用hr用户下的employees表写一条SQL语句，执行计划走索引全扫描

    SQL> select count(*) from employees; COUNT(*) ---------- Execution Plan ------------------------- ...

  5. MySql 日期函数

    在 MySql 中经常会用到日期,关于常用的日期函数,做了以下的总结: 1 . now() 作用; 获取当前的日期 除此之外,获取当前日期的函数还有: current_timestamp(); cur ...

  6. 什么是动态语言 OC 的runtime

    OC是一门 动态语言. 问题来了.什么是动态语言? 与之相对的静态语言? 学习C++的时候,记得一个名词:“运行时的动态绑定”. 这个是 “多态”的概念. 简单提一下:关键:类指针可以指向本类,或者其 ...

  7. 正斜杠和反斜杠-windows、web、c语言大讨论

    首先,在c语言中,正斜杠/ slash 表示除法反斜杠\ backslash ,\用于转义字符,\n.\0. 其次,UNIX 操作系统设计了这种路径分隔法,它使用正斜杠:/.由于网络是首先应用在 UN ...

  8. C# 最简单的递归

    public void AddTree(int ParentID, TreeNode pNode) { TreeNode tn1 = new TreeNode(); DataView dvTree = ...

  9. WP8_读写XML

    /// <summary> /// WP手机,XML读写类 /// </summary> public class WPXmlRW { /// <summary> ...

  10. ajax 的简单应用

    ajax作为前端技术,采用异步方式,根据其采用的方式来讲,不用刷新界面,只是进行数据的传递. 后台还是用servlet的.servlet接收到ajax的get或post请求后.将数据组装成xml或者j ...