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. 170406回顾-SQL Server的smalldatetime类型比较

    在比较SQL Server的类型为smalldatetime字段时出现下面的错误:将 expression 转换为数据类型 smalldatetime 时出现算术溢出错误 正确的比较方法如下:将lon ...

  2. JVM性能调优监控工具——jps、jstack、jmap、jhat、jstat、hprof使用详解

    摘要: JDK本身提供了很多方便的JVM性能调优监控工具,除了集成式的VisualVM和jConsole外,还有jps.jstack.jmap.jhat.jstat.hprof等小巧的工具,本博客希望 ...

  3. C实现线程池

    简介:这里使用linux下的互斥锁和条件变量实现了一个线程池.代码由一个未知作者完成,第二任作者补充优化. 本人仅仅是做了一些注释工作. 代码如下: /*! .h */ #include <st ...

  4. poj 2369(置换群)

    Permutations Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 3041   Accepted: 1641 Desc ...

  5. Android仿苹果版QQ下拉刷新实现(一) ——打造简单平滑的通用下拉刷新控件

    前言: 忙完了结婚乐APP的开发,终于可以花一定的时间放在博客上了.好了,废话不多说,今天我们要带来的效果是苹果版本的QQ下拉刷新.首先看一下目标效果以及demo效果:      因为此效果实现的步骤 ...

  6. #NodeJS 服务器基本模板

    基本server配置 cookie / session / get数据 / post数据 / 请求方法 const express=require('express'); const static=r ...

  7. 【51nod】1773 A国的贸易

    题解 FWT板子题 可以发现 \(dp[i][u] = \sum_{i = 0}^{N - 1} dp[i - 1][u xor (2^i)] + dp[i - 1][u]\) 然后如果把异或提出来可 ...

  8. 【AtCoder】ARC097 （C - F）题解

    C - K-th Substring 题解 找出第K大的子串,重复的不计入 这个数据范围可能有什么暴力可以艹过去吧,但是K放大的话这就是后缀自动机板子题啊= = 代码 #include <ios ...

  9. 【AtCoder】ARC095 C-F题解

    我居然每道题都能想出来 虽然不是每道题都能写对,debug了很久/facepalm C - Many Medians 排序后前N/2个数的中位数时排序后第N/2 + 1的数 其余的中位数都是排序后第N ...

  10. 五、django rest_framework源码之版本控制剖析

    1 绪论 Djangorest_framework的版本控制允许用户更改不同客户端之间的行为,且提供了许多不同的版本控制方案.版本控制由传入的客户端请求确定,可以基于请求URL,也可以基于请求标头. ...