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. winform异步进度条LongTime

    winform异步进度条LongTime,运用到回调函数 定义事件的参数类: namespace LongTime.Business { // 定义事件的参数类 public class ValueE ...

  2. Bug管理工具的使用介绍（Bugger 2016）

    1. Bugger 2016 介绍 Bugger 2016 is the version of Bugger adding support fot Team Foundation Server bug ...

  3. 将Excel中数据导入数据库（二）

    在上篇文章中介绍到将Excel中数据导入到数据库中,但上篇文章例子只出现了nvachar类型,且数据量很小.今天碰到将Excel中数据导入数据库中的Excel有6419行,其中每行均有48个字段,有i ...

  4. 跟我学 NHibernate （三）

    在使用 NHibernate 时,一定要将Mapping 映射文件,也就是 xml 文件的编译方式设置成 嵌入式,这是因为在 NHibernate 启动时,它会主动的到项目的启动目录中寻找 被设置为嵌 ...

  5. （转）Java基础——嵌套类、内部类、匿名类

    本文内容分转自博客:http://www.cnblogs.com/mengdd/archive/2013/02/08/2909307.html 将相关的类组织在一起,从而降低了命名空间的混乱. 一个内 ...

  6. 华为OJ平台——字符串通配符

    题目描述: 在计算机中,通配符一种特殊语法,广泛应用于文件搜索.数据库.正则表达式等领域.现要求各位实现字符串通配符的算法.要求:实现如下2个通配符: *:匹配0个或以上的字符(字符由英文字母和数字0 ...

  7. dev中如何对combox下拉框设置可消除属性以及ASPxGridView中金额，数量的显示，以及总计、grid中某行值

    下拉框属性关键:IncrementalFilteringMode="StartsWith" DropDownStyle="DropDown" ASPxGridV ...

  8. sql server查询出的结果中添加一列序列行

    select row_number()over(order by id) as rownum ,[UserName] ,[Password] ,[Mobile] ,[Email] ,[Sex] ,[C ...

  9. Oracle：使用过程中的问题集锦

    导读:在使用Oracle的过程中,又频繁的出问题.突然间就连接不上,各种报错了.在此,将问题给记录下来,方便以后查看. 一.ora 12514监听程序当前无法识别 之前一直链接使用的好好的,突然就连接 ...

  10. 用代码打开FORM里面用到的数据源

    修改动态报表的时候,尝尝需要根据当前设计里指定的数据源,然后打开AOT去查找,相当的不方便. 于是产生写了一个方法,可以根据传过来的数据源名,去AOT找到TABLE或者VIEW, 直接打开,以便修改. ...