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. webpack3学习笔记

    地址:https://segmentfault.com/a/1190000006843916 地址:https://www.chungold.com/my/course/32 地址:http://js ...

  2. java基础61 JavaScript循环语句之while、do...while、for及for...in循环（网页知识）

    本文知识点(目录): 1.while循环语句    2.do...while循环语句    3.for循环语句    4.for...in循环语句    5.附录1(with语句)    6.附录2( ...

  3. linux nat网络配置

    1. 2 . 3. BOOTPROTO = static ONBOOT=yes  #开启自动启用网络连接 IPADDR0=192.168.21.128  #设置IP地址 PREFIXO0=24  #设 ...

  4. hdu 4642 翻硬币

    在一个n*m的棋盘上 每一个格子都有一枚硬币 1表示正面 0表示反面你每次可以选择一个硬币为正面的点,然后从该点与右下角点形成的矩阵硬币全都反向,直到一个人没有硬币可以选择则输Alice先手 列举了几 ...

  5. nginx学习 一.window下安装

    1. nginx下载路径 http://nginx.org/en/download.html 2.下载后解压到一个没有中文名的文件夹中 3.修改server下location的root为具体的路径,修 ...

  6. CCF CSP 201412-3 集合竞价

    CCF计算机职业资格认证考试题解系列文章为meelo原创,请务必以链接形式注明本文地址 CCF CSP 201412-3 集合竞价 问题描述 某股票交易所请你编写一个程序,根据开盘前客户提交的订单来确 ...

  7. day6作业--选课系统

    角色:学校.学员.课程.讲师 要求: 1.创建北京.上海2所学校: 2.创建Linux,Python,go 3个课程,Linux\python在北京开,go在上海开: 3.课程包含,周期.价格,通过学 ...

  8. poj1251 Jungle Roads（Prime || Kruskal）

    题目链接 http://poj.org/problem?id=1251 题意 有n个村庄,村庄之间有道路连接,求一条最短的路径能够连接起所有村庄,输出这条最短路径的长度. 思路 最小生成树问题,使用普 ...

  9. HTML Input 表单校验之datatype

    凡要验证格式的元素均需绑定datatype属性,datatype可选值内置有10类,用来指定不同的验证格式. 如果还不能满足您的验证需求,可以传入自定义datatype,自定义datatype是一个非 ...

  10. LAMP环境使用Composer安装Laravel

    安装Composer 因为使用的Ubuntu服务器,所以我们使用apt安装: 1 $ sudo apt install composer 安装Laravel 首先创建一个项目目录,进入新目录使用Com ...