为了使自己以后不再去网上搜索，特记录下来

从uploadify官网http://www.uploadify.com/上下载文件

必要的文件：

1、jquery的js文件

2、jquery.uploadify.min.js

3、uploadify.css

4、uploadify.swf

页面的完整代码：

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

<head runat="server">

    <title></title>

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

    <script src="scripts/uploadify/jquery.uploadify.min.js" type="text/javascript"></script>

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

    <style type="text/css">

    body {

	    font: 13px Arial, Helvetica, Sans-serif;

    }

    .uploadify-button {

            background-color: transparent;

            border: none;

            padding: 0;

        }

    .uploadify:hover .uploadify-button {

        background-color: transparent;

    }

    </style>

</head>

<body>

	<h1>Uploadify在asp.net下使用Demo</h1>

	<form>

		<div id="queue"></div>

		<input id="file_upload" name="file_upload" type="file" multiple="true">

	</form>

	<script type="text/javascript">

		$(function() {

		    $('#file_upload').uploadify({

		        'buttonText': '选择文件',

		        'buttonImage': 'scripts/uploadify/browse-btn.png',  //按钮使用图片

		        //'buttonClass':'custom-class',

                //'height':20,

                //'width':20,

		        //'formData': { 'submitType': 'image', 'studentId': studentId, 'taskId': taskId },

		        'removeTimeout': 1, //进度条消失秒数

		        'fileTypeDesc': '图片文件',

		        'fileTypeExts': '*.jpg; *.jpeg; *.png; *.gif,*.bmp',

                'onUploadSuccess': function (file, data, response) { //上传成功回调方法

                    data = eval("("+data+")");

                    if (data.error == 0) {

                        alert("上传成功" + data.filename);

                    } else {

                        alert(data.message);

                        return;

                    }

                },

				'swf'      : 'scripts/uploadify/uploadify.swf',

				'uploader': 'scripts/uploadify/UploadHandler.ashx'

			});

		});

    </script>

</body>

</html>

　　我的站点目录结构：

UploadHandler.ashx是处理上传的文件的一般处理程序：

public class UploadHandler : IHttpHandler

    {

        private HttpContext context;

        public void ProcessRequest(HttpContext context)

        {

            //文件保存路径

            String savePath = context.Server.MapPath("~/UploadFiles/");

            if (!Directory.Exists(savePath))   //如果这个路径不存在，则先创建

            {

                Directory.CreateDirectory(savePath);

            }

            //定义允许上传的文件扩展名

            Hashtable extTable = new Hashtable();

            extTable.Add("image", "gif,jpg,jpeg,png,bmp");

            //最大文件大小

            int maxSize = 1000000;

            this.context = context;

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

            if (file == null)

            {

                showError("请选择文件。");

            }

            if (file.InputStream == null || file.InputStream.Length > maxSize)

            {

                showError("上传文件大小超过限制。");

            }

            String fileName = file.FileName;   //文件名

            String fileExt = Path.GetExtension(fileName).ToLower();  //扩展名 如 .jpg

            if (String.IsNullOrEmpty(fileExt) || Array.IndexOf(((String)extTable["image"]).Split(','), fileExt.Substring(1).ToLower()) == -1)

            {

                showError("上传文件扩展名是不允许的扩展名。\n只允许" + ((String)extTable["image"]) + "格式。");

            }

            String newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt;

            String filePath = savePath + newFileName;

            file.SaveAs(filePath);

            //将保存了的新的文件名返回给前端

            Hashtable hash = new Hashtable();

            hash["error"] = 0;

            hash["filename"] = newFileName;

            context.Response.AddHeader("Content-Type", "text/html; charset=UTF-8");

            context.Response.Write(JsonConvert.SerializeObject(hash));

            context.Response.End();

        }

        private void showError(string message)

        {

            Hashtable hash = new Hashtable();

            hash["error"] = 1;

            hash["message"] = message;

            context.Response.AddHeader("Content-Type", "text/html; charset=UTF-8");

            context.Response.Write(JsonConvert.SerializeObject(hash));

            context.Response.End();

        }

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

　　

源码下载(微云)

Uploadify在asp.net下使用Demo的更多相关文章

  1. 使用jQuery Uploadify在ASP.NET 上传附件

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuer ...

  2. asp.net下调用Matlab生成动态链接库

    对于这次论文项目,最后在写一篇关于工程的博客,那就是在asp.net下调用matlab生成的dll动态链接库.至今关于matlab,c/c++(opencv),c#(asp.net)我总共写了4篇配置 ...

  3. jQuery Uploadify在ASP.NET MVC3中的使用

    1.Uploadify简介 Uploadify是基于jQuery的一种上传插件,支持多文件.带进度条显示上传,在项目开发中常被使用. Uploadify官方网址:http://www.uploadif ...

  4. QQ浏览器、搜狗浏览器等兼容模式下，Asp.NetCore下，Cookie、Session失效问题

    原文:QQ浏览器.搜狗浏览器等兼容模式下,Asp.NetCore下,Cookie.Session失效问题 这些狗日的浏览器在兼容模式下,保存Cookie会失败,是因为SameSiteMode默认为La ...

  5. ASP.NET下回车键的触发效果

    在ASP.NET下,在客户端触发回车键,默认调用了页面中第一个button,这有时是非常头痛的,比如页面的第一个按键是注销键时,想想也够可怕了. .net提供设置默认回车键的属性,this.Form. ...

  6. 转发 win7+iis7.5+asp.net下 CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NET Files 解决方案

    win7+iis7.5+asp.net下 CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET\Framework\v2.0.50727\Temporary ASP.NE ...

  7. asp.net下的b/s架构

    最近一直在做asp.net下的b/s架构的程序.整理一下可以采用的架构. 简单三层架构 基于接口和工厂模式的三层 前台用jquery调用http请求(ashx),ashx再调用逻辑接口 虽然很早就知道 ...

  8. asp.net下cookie 的基础使用

    cookie作为在B/S开发中经常被使用到的东西,asp.net必然提供了现成的东西给我们使用. 就是这个对象:HttpCookie,当然了,对于asp.net来说,Request和Response中 ...

  9. ASP.NET下MVC设计模式的实现

    [转载]MVC架构在Asp.net中的应用和实现 转载自:http://www.cnblogs.com/baiye7223725/archive/2007/06/07/775390.aspx 摘要:本 ...

随机推荐

  1. LeetCode第[14]题(Java)： Longest Common Prefix

    题目:最长公共前缀 难度:EASY 题目内容: Write a function to find the longest common prefix string amongst an array o ...

  2. MFC--自定义CMFCTabCtrl的实现

    在MFC实现桌面程序时,可能会用到TabView效果,我实现的是最基本的效果,如下图: 下面介绍详细的实现过程,如果需要效果更好看些,自行美化. 1.  创建自定义MFCTabCtrl类MyMFCTa ...

  3. 用临时用户数据目录启动Chrome，关闭安全检查等（解决Cross origin requests are only supported for HTTP?）

    Cross origin requests are only supported for HTTP? 参考:https://www.zhihu.com/question/20948649 批处理: s ...

  4. 【scala】数组和列表

    一.数组Array 1.创建数组 隐式:val greetStrings = new Array[String](3); 显式:val greetStrings : Array[String] = n ...

  5. Hosts文件路径及修改方法

    (转自:http://www.techolics.com/softdev/20111029_100.html) 什么是Hosts文件? 根据百度百科的定义,Hosts文件是一个系统文件,这是一个本地的 ...

  6. requests beautifulsoup

    requests Python标准库中提供了:urllib.urllib2.httplib等模块以供Http请求,但是,它的 API 太渣了.它是为另一个时代.另一个互联网所创建的.它需要巨量的工作, ...

  7. 硬链接、软链接和inode

    一.inode 在Linux中,“一切皆文件”. 唯一标识文件的是inode而非文件名,文件名仅是为了方便人们的记忆和使用,系统或程序通过 inode 寻找正确的文件数据块. 什么是数据块呢?文件储存 ...

  8. 记录下httpclient 发送请求 服务端用@RequestBody 自动接收参数 报415

    注解是post方式,那么检查以下内容:1. 你是否用了post请求2. 请求是否发送了数据3. 请求内容格式需要是 application/json .jquery 设置 contentType,-- ...

  9. linux命令三

    作业一:1) 将用户信息数据库文件和组信息数据库文件纵向合并为一个文件/1.txt(覆盖) [root@bogon test]# cat /etc/passwd /etc/group > /1. ...

  10. css3 hover 的一些小效果

    Hover 2D Transforms Grow Shrink Pulse Pulse-grow Pulse-shrink Push Top Rotate Grow-rotate Float Sink ...