HTML：

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>swfupload_ajax_demo</title>

    <link href="../css/Member.css" rel="stylesheet" type="text/css" />

    <link href="../css/base.css" rel="stylesheet" type="text/css" />

    <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>

    <link href="../js/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="../js/jquery.uploadify-v2.1.0/swfobject.js"></script>

    <script type="text/javascript" src="../js/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js"></script>

    <script type="text/javascript">

        var swfu;

        $(document).ready(function () {

            $("#uploadify").uploadify({

                'height': 30,

                'onSelect': function (e, queueId, fileObj) {

                    fileObj.name = "mylovemercedes";

                    alert("唯一标识:" + queueId + "\r\n" +

                  "文件名称：" + fileObj.name + "\r\n" +

                  "文件大小：" + fileObj.size + "\r\n" +

                  "创建时间：" + fileObj.creationDate + "\r\n" +

                  "最后改动时间：" + fileObj.modificationDate + "\r\n" +

                  "文件类型：" + fileObj.type

                 );

                },

                'uploader': '../js/jquery.uploadify-v2.1.0/uploadify.swf',

                'script': '../Handler/UploadHandler.ashx',

                'scriptData': { 'student_id': $('#hidStudentID').val() },  //自己定义传递參数

                'method': 'GET',

                'cancelImg': '../js/jquery.uploadify-v2.1.0/cancel.png',

                'folder': '../upload/student_head',

                'queueID': 'fileQueue',

                'auto': false,

                'multi': false,

                'width': 120,

                'fileExt': '*.jpg;*.png;*.gif',

                'buttonText': "upload image",

                'onInit': function () { alert("1"); },

                'sizeLimit': 102400, //上传文件的限制大小，单位为字节 100k

                'onAllComplete': function (event, data) { //当上传队列中的全部文件都完毕上传时触发

                    alert(data.filesUploaded + ' 个文件上传成功!');

                }

            });

            function uploadpara() {

                //自己定义传递參数

                $('#uploadify').uploadifySettings('scriptData', { 'student_id': $('#hidStudentID').val() });

                $('#uploadify').uploadifyUpload();

            }

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <asp:HiddenField ID="hidStudentID" runat="server" Value="201401030912559732" />

    <div id="fileQueue">

    </div>

    <input type="file" name="uploadify" id="uploadify" />

    <p>

        <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">

            取消上传</a>

    </p>

    <div class="hy_photo_main_frame">

    </div>

    </form>

</body>

</html>

.UploadHandler.ashx

public class UploadHandler : IHttpHandler

    {

        public void ProcessRequest(HttpContext context)

        {

            context.Response.ContentType = "text/plain";

            context.Response.Charset = "utf-8";

            string student_id = CommonClass.Request.GetRequest<string>("student_id", "");

            HttpPostedFile file = context.Request.Files["Filedata"];

            string uploadPath =

                HttpContext.Current.Server.MapPath(@context.Request["folder"]) + "\\";

            if (file != null)

            {

                if (!Directory.Exists(uploadPath))

                {

                    Directory.CreateDirectory(uploadPath);

                }

                file.SaveAs(uploadPath + file.FileName);

                //以下这句代码缺少的话，上传成功后上传队列的显示不会自己主动消失

                context.Response.Write("1");

            }

            else

            {

                context.Response.Write("0");

            }

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

jquery.uploadify 使用过程的更多相关文章

  1. jQuery uploadify 文件上传

    uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能.现在最新版为3.2.1. 在线实例 实例预览 Uploadify 在线实例Demo ...

  2. .Net多文件同时上传（Jquery Uploadify）

    前提:领导给了我一个文件夹,里面有4000千多张产品图片,每张图片已产品编号+产品名称命名,要求是让我把4000多张产品图片上传到服务器端,而且要以产品编码创建n个文件夹,每张图片放到对应的文件夹下. ...

  3. jquery上传插件Jquery.uploadify.js-转

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

  4. asp.net mvc 2.o 中使用JQuery.uploadify

    From:http://www.cnblogs.com/strugglesMen/archive/2011/07/01/2095916.html 官方网站http://www.uploadify.co ...

  5. jquery uploadify插件多文件上传

    1.jquery uploadify 下载:http://www.uploadify.com/ 2.安装:解压后拷贝的工程目录下面,如:WebRoot/uploaddify 3.配置项说明: uplo ...

  6. SpringMVC+jquery.uploadify 上传文件

    前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在C ...

  7. jquery uploadify文件上传插件用法精析

      jquery uploadify文件上传插件用法精析 CreationTime--2018年8月2日11点12分 Author:Marydon 一.参数说明 1.参数设置 $("#fil ...

  8. 详解jQuery uploadify文件上传插件的使用方法

    uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能. 现在最新版为3.2.1. 在线实例 实例中用到的php文件UploaderDem ...

  9. jquery uploadify在谷歌浏和火狐下无法上传的解决方案(.Net版)

    在项目紧张的进行过程中,jquery uploadify上传不兼容的问题一直没有试着去解决,只幻想着用ie的人越来越多,怎么奈何firefox4刚推出,就有4000万的下载.......仰天长叹,记生 ...

随机推荐

  1. P2448 无尽的生命

    Description 小 a有一个长度无限长的序列 p = (1, 2, 3, 4 --),初始时 pi = i 给出 m 个操作,每次交换两个位置的数 询问最后序列逆序对的个数 Solution ...

  2. C++ 虚函数及重载、重定义、重写

    #include<iostream> usingnamespace std; class BASE { public: BASE()=default; BASE(int publicVal ...

  3. （转）链接服务器——获取EXCEL数据

    测试目的:验证利用链接服务器.分布式查询获取EXCEL中的数据测试环境:Microsoft SQL Server 2005 - 9.00.3080.00 (X64)  Enterprise Editi ...

  4. luogu P1126 机器人搬重物 题解

    luogu P1126 机器人搬重物 题解 题目描述 机器人移动学会(\(RMI\))现在正尝试用机器人搬运物品.机器人的形状是一个直径\(1.6\)米的球.在试验阶段,机器人被用于在一个储藏室中搬运 ...

  5. Java中使用google.zxing快捷生成二维码（附工具类源码）

    移动互联网时代,基于手机端的各种活动扫码和收付款码层出不穷:那我们如何在Java中生成自己想要的二维码呢?下面就来讲讲在Java开发中使用 google.zxing 生成二维码. 一般情况下,Java ...

  6. BZOJ囤题计划

    决定做一些题,学习jry,开坑(其实是填坑) 大概会刷的很慢,大家别鄙视我..欢迎鄙视 果然慢出翔了,还是填完吧.. 现在做了: 11 [2338][HNOI2011]数矩形 枚举对角线暴力水过,所有 ...

  7. jenkins远程执行shell

    旧版本: 安装插件 SSH plugin 1. 增加一个domain,点击OK 点击 adding some credentials 填写要远程连接的服务器的用户名和密码(以下例子为连接到91机器的r ...

  8. poj2492 A Bug's Life（带权并查集）

    题目链接 http://poj.org/problem?id=2492 题意 虫子有两种性别,有n只虫子,编号1~n,输入m组数据,每组数据包含a.b两只虫子,表示a.b为不同性别的虫子,根据输入的m ...

  9. 用html5实现的flappy-bird

    可能网上早就有几个flappy-bird的html5版本啦,到这个时候flappy-bird可能也没有之前那么火了,但是作为一个新手,自己思考,自己动手写一个flappy-bird的demo还是很有成 ...

  10. grep、find命令整理

    一.grep格式: grep [选项]... PATTERN [FILE]...(默认的PATTERN是一个基本的正则表达式(BRE)) 参数选项 1.杂项: -s, --no-messages 不显 ...