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

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

案例：

<!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>

我测试的环境是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. ASP.Net软件工程师基础（四）

    1.接口 (1)接口是一种规范.协议,定义了一组具有各种功能的方法(属性.索引器本质是方法). (2)接口存在的意义:多态.多态的意义:程序可扩展性. (3)接口解决了类的多继承的问题. (4)接口解 ...

  2. Html5——WEB(客户端)数据存储

    在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前, ...

  3. js捕获回车事件，并且获取每一条输入内容

    <body> <div style="width: 200px; height: 20px;"> <textarea id="inputVa ...

  4. Flex4/Flash开发在线音乐播放器 , 含演示地址

    要求 必备知识 本文要求基本了解 Adobe Flex编程知识和JAVA基础知识. 开发环境 MyEclipse10/Flash Builder4.6/Flash Player11及以上 演示地址 演 ...

  5. Flex4 自定义分页组件

    自己写的Flex4分页组件,去伪存真,只实现基本的分页功能,数据过滤神马的都不应该是分页组件干的活,有呆毛才有真相: [源代码下载] Flex自从转手给Apache后人气急跌,本人也很捉鸡,尽管Apa ...

  6. 计数排序（Count Sort ）与插入排序（Insert Sort）

    计数排序法:计数数组适用于当前数组密集的情况.例如(2,3,5,4,2,3,3,2,5,4) 方法:先找出最大值最小值,之后统计每个数出现的次数,根据次数从小到大往数组里添加 计数排序法是一种不需要比 ...

  7. math对象和date对象

    math对象的函数方法,记住Math首字母要大写 console.log(Math.abs(-5)); //取绝对值 console.log(Math.ceil(1.1)); //向上取舍 conso ...

  8. sublime Text2 2.0.2 build 2221 64位 破解(已测试)

    近终于找到  sublime Text2 升级到 2.0.2 build 2221 64位 的破破解 输入注册码就成了 ----- BEGIN LICENSE ----- Andrew Weber S ...

  9. 必须会的SQL语句（六）查询

    1.基础的查询     1)重命名列     select name as '姓名' from 表名       2)定义常量列     select 是否 ='是' from 表名       3) ...

  10. asp.net webuploader粘贴，拖拽，点击上传图片

    demo.html代码:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset= ...