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

从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. C-RAN

    无线接入网(RAN)是移动运营商赖以生存的重要资产.传统的无线接入网具有以下特点: 1. 每一个基站连接若干个固定数量的扇区天线,并覆盖小片区域,每个基站只能处理本小区收发信号: 2. 系统的容量是干 ...

  2. SSH学习（2）

    SVN概述 1 SVN体系结构 (1)svn服务器 -首先在svn服务器里面创建 仓库 (2)svn客户端 SVN服务器安装和使用 0 首先把项目add到svn服务器上 清除不小点击保存密码的设置 修 ...

  3. <<Hadoop基础教程》之初识Hadoop【转】

    Hadoop一直是我想学习的技术,正巧最近项目组要做电子商城,我就开始研究Hadoop,虽然最后鉴定Hadoop不适用我们的项目,但是我会继续研究下去,技多不压身. <Hadoop基础教程> ...

  4. 阿里云上如何利用yum安装jenkins

    一. 安装jdk 确保安装jenkins前jdk已经安装,如何安装见<如何在阿里云上部署war包到tomcat服务器> 二. 安装jenkins 使用以下命令安装jenkins: wget ...

  5. react 总结

    1.React 里直接修改 this.state 和调用 setState() 修改 state 的值有什么区别? 使用对this.state赋值并没有什么作用,官方提醒,应该把this.state当 ...

  6. 24-THREE.JS 镜面高光材质

    <!DOCTYPE html> <html> <head> <title>Example 04.07 - Mesh Phong material< ...

  7. 下载并安装Prism5.0库 Download and Setup Prism Library 5.0 for WPF（英汉对照版）

    Learn what’s included in Prism 5.0 including the documentation, WPF code samples, and libraries. Add ...

  8. 2017.11.03 正确查找datasheet+ 英语邮件+英语会议

    1寻找合适的元器件和替代料 你需要十分了解元器件的性能参数,如下图所示,所有的主要参数都在列表显示. 2如何在datasheet网找适合的元器件? a如果知道P/N,直接输入. b不知道p/n ,你就 ...

  9. Java加载jar文件并调用jar文件当中有参数和返回值的方法

    在工作当中经常遇到反编译后的jar文件,并要传入参数了解其中的某些方法的输出,想到Java里面的反射可以实现加载jar文件并调用其中的方法来达到自己的目的.就写了个Demo代码. 以下的类可以编译生成 ...

  10. js 函数里的 this

    1,当作为纯粹的函数调用时, this指向调用出的环境的上下文,看下面的例子 var x = 1; function test(){ var x = 0; alert( alert(x); } tes ...