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. SHELL 中的变量

    变量的分类 系统环境变量 系统本身所有,通常为大写字母 系统变量通过 set 或 declare 指令进行查看 UDV 变量(user defined variable ) 用户创建和维护,建议大写 ...

  2. js数据绑定(模板引擎原理)

    <div> <ul id="list"> <li>11111111111</li> <li>22222222222< ...

  3. 洛谷P2015二叉苹果树

    传送门啦 树形 $ dp $ 入门题,学树形 $ dp $ 的话,可以考虑先做这个题. $ f[i][j] $ 表示在 $ i $ 这棵子树中选 $ j $ 个苹果的最大价值. include #in ...

  4. windows环境下的heap spray+stack pivot gadget 实现绕过dep

    ASLR+DEP是windows平台下最为常见的两种保护手段.这两种手段使得最基础的jmp esp等手法不再适用,而单纯的堆喷也会因为堆内存不可执行而失效.那么这里就来介绍一下heap spray+s ...

  5. CTF中做Linux下漏洞利用的一些心得

    其实不是很爱搞Linux,但是因为CTF必须要接触一些,漏洞利用方面也是因为CTF基本都是linux的pwn题目. 基本的题目分类,我认为就下面这三种,这也是常见的类型. 下面就分类来说说 0x0.栈 ...

  6. Visual Studio 2017 发布 附带下载地址

    链接: https://pan.baidu.com/s/1kFjGwyj5HwabvmJKiyLF_g 提取码: 关注公众号[GitHubCN]回复获取    winform框架源码-Devexpre ...

  7. USACO 6.4 The Primes

    The PrimesIOI'94 In the square below, each row, each column and the two diagonals can be read as a f ...

  8. RabbitMQ 相关理论部分

    集群配置方式 RabbitMQ可以通过三种方法来部署分布式集群系统,分别是:cluster,federation,shovel cluster: 不支持跨网段,用于同一个网段内的局域网 可以随意的动态 ...

  9. Html5游戏开发攻略（免费的音乐面包篇）

    这一篇我们来尝尝免费的面包,至少目前是这样的. QQ音乐相信大家或多或少都使用过,里面的音乐资源非常多. 这个时候你可能就明白了,没错,我们要在游戏中使用QQ音乐的资源当背景音乐~~~~~哦耶~! 咳 ...

  10. thinkphp签到的实现代码

    thinkphp签到的实现代码 数据表 1 2 3 4 5 6 7 8 9 10 11 CREATE TABLE `members_sign` (   `id` int(11) unsigned NO ...