首先一定要引入：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. [HDOJ3709]Balanced Number（数位dp）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3709 题意:求区间[L,R]内每一个数中是否存在一位,使得左边的各位数*距离=右边的各位数*距离(自己 ...

  2. java web开发必备知识

    从各种招聘网站的要求上筛选出了一些java开发的一些基本的要求,对照自身看看有哪些缺陷. java基础 既然是java web开发,java SE肯定要学好了. 多线程,IO,集合等,对队列,缓存,消 ...

  3. [SAP ABAP开发技术总结]报表事件

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  4. ctrl+z暂停任务

    (1) CTRL+Z挂起进程并放入后台 (2) jobs 显示当前暂停的进程 (3) bg %N 使第N个任务在后台运行(%前有空格) (4) fg %N 使第N个任务在前台运行 默认bg,fg不带% ...

  5. Visual C#两分钟搭建BHO IE钩子（转）

    摘自:http://www.cnblogs.com/mvc2014/p/3776054.html 微软在1997年正式推出Browser Helper Object (BHO), 使程序员能够更好的对 ...

  6. Codeforces Round #375 (Div. 2) D. Lakes in Berland dfs

    D. Lakes in Berland time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  7. 中国用户mac上快速安装nodejs

    mac nodejs 安装 1.http://npm.taobao.org/mirrors/node/latest/ 进入这个域名,然后找到最新的pkg包下载过来 2.双击pkg包,下一步下一步安装 ...

  8. Java中String，StringBuffer，StringBuilder的区别及其使用

    由于笔试面试经常会问到这个问题,所以在这里先把这些问题搞清楚. String:自JDK1.0开始即有,源码中对String的描述: "Strings are constant; their ...

  9. HLS播放权限测试记录

    阿里云: http://live.mudu.tv/watch/11y1at.m3u8 斗鱼加密: http://hls3a.douyucdn.cn/live/485503r63zGiPn4D_550/ ...

  10. DZY Loves Chessboard

    DescriptionDZY loves chessboard, and he enjoys playing with it. He has a chessboard of n rows and m ...