首先一定要引入：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. 迷你sql profile，给缺少sql跟踪的朋友们

    如果你的数据库没有sqlprofile,看这里. 如果你没时间装sqlserver那一系列的东西,看看这里,也许能解决呢. 这是一个迷你版的sqlprofile ,在win7下测试,链接sqlserv ...

  2. Linux红帽认证----I Want

    仅此设定一个目标,此证一定搞到手!!!

  3. SQL Server 中 RAISERROR 的用法

    From : http://www.cnblogs.com/xugang/archive/2011/04/09/2010216.html   raiserror  是由单词 raise error 组 ...

  4. Webbrowser控件判断网页加载完毕的简单方法 (转)

    摘自:http://blog.csdn.net/cometnet/article/details/5261192 一般情况下,当ReadyState属性变成READYSTATE_COMPLETE时,W ...

  5. data-*属性——使用自定义属性的方式存储数据

    HTML5提供了data-*属性能存储页面或应用程序的私有自定义数据.只需在属性前加上data-前缀即可,值可以是任意字符串. 存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更 ...

  6. iOS - ImageCache 网络图片缓存

    1.ImageCache 使用内存缓存方式: 使用沙盒缓存方式: 使用网络图片第三方库方式: SDWebImage: iOS 中著名的网络图片处理框架 包含的功能:图片下载.图片缓存.下载进度监听.g ...

  7. Java抓取网页数据（原网页+Javascript返回数据）

    有时候由于种种原因,我们需要采集某个网站的数据,但由于不同网站对数据的显示方式略有不同! 本文就用Java给大家演示如何抓取网站的数据:(1)抓取原网页数据:(2)抓取网页Javascript返回的数 ...

  8. Xpert 基础

    ----------------------- 01 ------------------------------- declare cursor emp_cur is select empname ...

  9. maven项目搭建

    一.Maven简介 Maven是基于Java平台的项目构建(mvn clean install).依赖管理(中央仓库,Nexus)和项目信息管理的项目管理工具. Maven是基于项目对象模型(POM) ...

  10. Java编程思想学习笔记_1(Java内存和垃圾回收)

    1.Java中对象的存储数据的地方: 共有五个不同的地方可以存储数据. 1)寄存器.最快,因为位于处理器的内部,寄存器按需求分配,不能直接控制. 2)堆栈.位于通用RAM,通过堆栈指针可以从处理器那里 ...