首先一定要引入：jquery.js 然后是webuploader的一个 css和还一个js 三个必须引用。

<!DOCTYPE html>

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

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <link href="webuploader-0.1.5/webuploader.css" rel="stylesheet" />

    <script src="webuploader-0.1.5/webuploader.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            var uploader = WebUploader.create({

                // swf文件路径

                swf: 'webuploader-0.1.5/Uploader.swf',

                // 文件接收服务端。

                server: 'webuploader.ashx?Method=Upload',

                // 选择文件的按钮。可选。

                // 内部根据当前运行是创建，可能是input元素，也可能是flash.

                pick: '#picker',

                fileVal: "files",   //指明参数名称，后台也用这个参数接收文件

                // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！

                resize: false,

                auto :true

            });

            //文件开始上传之前出发

            uploader.on('uploadStart', function (file) {

                uploader.option('server', 'webuploader.ashx?Method=Upload1');

            });

            // 文件上传成功，给item添加成功class, 用样式标记上传成功。

            uploader.on('uploadSuccess', function (file, response) {

                //上传成功后

                //$('#' + file.id).addClass('upload-state-done');

            });

            //开始上传

            $("#ctlBtn").click(function () {

                uploader.upload();

            });

        });

    </script>

</head>

<body>

    <div id="uploader" class="wu-example">

        <!--用来存放文件信息-->

        <div id="thelist" class="uploader-list"></div>

        <div class="btns">

            <div id="picker">选择文件</div>

            <button id="ctlBtn" class="btn btn-default">开始上传</button>

        </div>

    </div>

</body>

</html>

后台接收：webuploader.ashx

<%@ WebHandler Language="C#" Class="webuploader" %>

using System;

using System.Web;

using System.Reflection;

public class webuploader : IHttpHandler {

    private HttpContext Context = HttpContext.Current;

    public void ProcessRequest(HttpContext context)

    {

        context.Response.ContentType = "text/plain";

        string method = context.Request["Method"].ToString();

        MethodInfo methodInfo = this.GetType().GetMethod(method);//利用反射 获取方法

        string result = methodInfo.Invoke(this, null).ToString();//执行获取到的方法

        context.Response.Write(result);

    }

    public string Upload()

    {

        string strJson = "";

        HttpPostedFile file = Context.Request.Files["files"];//接受上传的文件

        return strJson;

    }

    public string Upload1()

    {

        string strJson = "";

        HttpPostedFile file = Context.Request.Files["files"];//接受上传的文件

        return strJson;

    }

    public bool IsReusable {

        get {

            return false;

        }

    }

}

百度 WebUploader 简单入门示例的更多相关文章

  1. 【java开发系列】—— spring简单入门示例

    1 JDK安装 2 Struts2简单入门示例 前言 作为入门级的记录帖,没有过多的技术含量,简单的搭建配置框架而已.这次讲到spring,这个应该是SSH中的重量级框架,它主要包含两个内容:控制反转 ...

  2. Springmvc整合tiles框架简单入门示例（maven）

    Springmvc整合tiles框架简单入门示例(maven) 本教程基于Springmvc,spring mvc和maven怎么弄就不具体说了,这边就只简单说tiles框架的整合. 先贴上源码(免积 ...

  3. Web Service简单入门示例

    Web Service简单入门示例     我们一般实现Web Service的方法有非常多种.当中我主要使用了CXF Apache插件和Axis 2两种. Web Service是应用服务商为了解决 ...

  4. spring简单入门示例

    1 控制反转IOC\依赖注入DI,因为翻译的不同,因此有两个名字.       控制反转意思就是说,当我们调用一个方法或者类时,不再有我们主动去创建这个类的对象,控制权交给别人(spring). 依赖 ...

  5. C# 之 Socket 简单入门示例

    这个例子只是简单实现了如何使用 Socket 类实现面向连接的通信. 注意:此例子的目的只是为了说明用套接字写程序的大概思路,而不是实际项目中的使用程序.在这个例子中,实际上还有很多问题没有解决,如消 ...

  6. JavaGUI之Swing简单入门示例

    简介 AWT(译:抽象窗口工具包),是Java的平台独立的窗口系统,图形和用户界面器件工具包. Swing 是为了解决 AWT 存在的问题而以 AWT 为基础新开发的包(在使用Swing时也常会用到j ...

  7. 【java开发系列】—— struts2简单入门示例

    前言 最近正好有时间总结一下,过去的知识历程,虽说东西都是入门级的,高手肯定是不屑一顾了,但是对于初次涉猎的小白们,还是可以提供点参考的. struts2其实就是为我们封装了servlet,简化了js ...

  8. shell的case脚本的简单入门

    shell的case脚本的简单入门 示例1: #/bin/bash a=$ case "$a" in ") echo 'hell 2';; ") echo 'h ...

  9. spring security 简单入门

    spring security 简单入门示例 一.概述 Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架 . 其中最主要的安全操作有两 ...

随机推荐

  1. Create Hierarchical Tree To Control Records In Oracle Forms

    Download Source Code Providing an example form for creating hierarchical trees in Oracle Forms to co ...

  2. Linux curl命令参数详解

    笔者出处:http://www.aiezu.com/system/linux/linux_curl_syntax.html linux curl是通过url语法在命令行下上传或下载文件的工具软件,它支 ...

  3. oracle小测试

    1.请解释以下几个函数意思:NVL.TRUNC.DECODE.TO_DTAE.TO_CHAR.CONVERT.ROUND.TRIM.ISNULL.SUBSTR.GROUP BY.HAVING 答: N ...

  4. 12.Generics

    benifit: 1.make developers extremely productive is code reuse, which is the ability to derive a clas ...

  5. CUBRID学习笔记 39 net使用dataset 返回查询的数据

    using CUBRID.Data.CUBRIDClient;    namespace DataSetExample {     class Program     {         static ...

  6. 3.25考试（hnoi难度)----神奇的一日游

    T1怕老婆 有一天hzy9819,来到了一座大城市拥有了属于他自己的一双滑板鞋.但是他还是不满足想要拥有属于自己的一栋楼,他来到了一条宽敞的大道上,一个一个记录着这些楼的层数以方便自己选择. hzy9 ...

  7. SQL Server 2005 中的同义词

    From : http://blog.csdn.net/itblog/article/details/752881 =============创建同义词 可以为下列对象类型创建同义词: 程序集 (CL ...

  8. 关于ListView嵌套GridView中的onItemClickListener失效问题

    一开始在ListView中设置了onItemClickListener,在里面Log输出Item列表的位置,完全没有反应, 网上大部分说的什么把子组件屏蔽掉(而且好多都是转载的一样的), 可是我希望的 ...

  9. jQuery的deferred对象

    应用场景:处理异步任务 看到一篇阮一峰老师的博客挺好的讲的就是jQuery的deferred对象.坦诚讲之前没有怎么用过这个东东呢. 摘其中几点记录下 (1) $.Deferred() 生成一个def ...

  10. C++ ASSERT() 断言机制

    C++ ASSERT() 断言机制 ASSERT()是一个调试程序时经常使用的宏,在程序运行时它计算括号内的表达式,如果表达式为FALSE (0), 程序将报告错误,并终止执行.如果表达式不为0,则继 ...