首先，大家可以去SWF的官网下载相关Demo或者源码。

官方地址：http://code.google.com/p/swfupload/

官方Demo：http://demo.swfupload.org/v220/

先新建一个项目，并从官网上下载最新的版本解压后添加到项目中。

在相应上传文件的html页，引用下载好的css、js文件，代码如下：

<!DOCTYPE html>

<html>

<head>

<title>SWFUpload Demos - Simple Demo</title>

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

<script type="text/javascript" src="../swfupload/swfupload.js"></script>

<script type="text/javascript" src="../swfupload/swfupload.queue.js"></script>

<script type="text/javascript" src="js/fileprogress.js"></script>

<script type="text/javascript" src="js/handlers.js"></script>

<script type="text/javascript">

        var swfu;

        window.onload = function() {

            var settings = {

                flash_url : "../swfupload/swfupload.swf",

                flash9_url : "../swfupload/swfupload_fp9.swf",

                upload_url: "../../UploadHandler.ashx",  //上传处理

                file_size_limit : "100 MB",

                file_types : "*.*",

                file_types_description : "All Files",

                file_upload_limit : 100,

                file_queue_limit : 0,

                custom_settings : {

                    progressTarget : "fsUploadProgress",

                    cancelButtonId : "btnCancel"

                },

                debug: false,

                // Button settings

                button_image_url: "images/TestImageNoText_65x29.png",

                button_width: "65",

                button_height: "29",

                button_placeholder_id: "spanButtonPlaceHolder",

                button_text: '<span class="theFont">Hello</span>',

                button_text_style: ".theFont { font-size: 16; }",

                button_text_left_padding: 12,

                button_text_top_padding: 3,

                // The event handler functions are defined in handlers.js

                swfupload_preload_handler : preLoad,

                swfupload_load_failed_handler : loadFailed,

                file_queued_handler : fileQueued,

                file_queue_error_handler : fileQueueError,

                file_dialog_complete_handler : fileDialogComplete,

                upload_start_handler : uploadStart,

                upload_progress_handler : uploadProgress,

                upload_error_handler : uploadError,

                upload_success_handler : uploadSuccess,

                upload_complete_handler : uploadComplete,

                queue_complete_handler : queueComplete    // Queue plugin event

            };

            swfu = new SWFUpload(settings);

         };

</script>

</head>

<body>

<div id="header">

    <h1 id="logo"><a href="../">SWFUpload</a></h1>

    <div id="version">v2.5.0</div>

</div>

<div id="content">

    <h2>Simple Demo</h2>

        <p>This page demonstrates a simple usage of SWFUpload.  It uses the Queue Plugin to simplify uploading or cancelling all queued files.</p>

            <div class="fieldset flash" id="fsUploadProgress">

            <span class="legend">Upload Queue</span>

            </div>

        <div id="divStatus">0 Files Uploaded</div>

            <div>

                <span id="spanButtonPlaceHolder"></span>

                <input id="btnCancel" type="button" value="Cancel All Uploads" onclick="swfu.cancelQueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />

            </div>

</div>

</body>

</html>

在项目中添加UploadHandler.ashx文件用来处理文件的上传，并在项目中添加UploadFile文件夹，用来存放上传的文件。

UploadHandler类的ProcessRequest方法代码如下：

public void ProcessRequest(HttpContext context)

{

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

    context.Response.Charset = "utf-8";   

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

    string  uploadPath =

        HttpContext.Current.Server.MapPath(@context.Request["folder"])+"\\";  

    if (file != null)

    {

       if (!Directory.Exists(uploadPath))

       {

           Directory.CreateDirectory(uploadPath);

       }

       file.SaveAs(uploadPath + file.FileName);

        //下面这句代码缺少的话，上传成功后上传队列的显示不会自动消失

       context.Response.Write("");

    }

    else

    {

        context.Response.Write("");

    }

}

简单的SWFUpload模型就架构完毕，运行后选择文件上传，就可以在UploadFile中找到了。

SWFUpload - JQuery上传插件的更多相关文章

  1. JQuery上传插件uploadify优化

    旧版的uploadify是基于flash上传的,但是总有那么些问题,让我们用的不是很舒服.今天主要分享下在项目中用uploadify遇到的一些问题,以及优化处理 官方下载 官方文档 官方演示 下面是官 ...

  2. jQuery上传插件,文件上传测试用例

    jQuery上传插件,文件上传测试用例 jQuery File Upload-jQuery上传插件介绍http://www.jq22.com/jquery-info230 jQuery File Up ...

  3. jquery上传插件uploadify 报错http error 302 解决方法之一

    前段时间用到jquery上传插件uploadify时,始终出现系统报出 http error 302 的错误. 网上大量搜集信息,基本上都是说session值丢失的问题,根据网友提供的解决方案进行修改 ...

  4. 【转】JQuery上传插件Uploadify使用详解及错误处理

    转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错 ...

  5. jQuery上传插件Uploadify使用帮助

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.它的功能特色总结如下: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP, ...

  6. JQuery上传插件Uploadify使用详解

    本文转载http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不错 ...

  7. (转)JQuery上传插件Uploadify使用详解

    原文地址:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不 ...

  8. jquery上传插件Jquery.uploadify.js-转

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

  9. SWFUpload批量上传插件

    SWFUpload是一个批量上传插件,在HTML4.1里面,估计也只有Flash+javascript配合才能够做到了.先复制个重要的网址,这个应该是官方的文档了,相当齐全. http://leeon ...

随机推荐

  1. http响应需要记住的状态码

    200:请求成功. 301:被请求的资源已永久移动到新位置.302:请求的资源现在临时从不同的 URI 响应请求.401:当前请求需要用户验证.403:服务器已经理解请求,但是拒绝执行它. 404:请 ...

  2. AutoCAD .NET API 之——DimStyleTableRecord 的属性列表

    DimStyleTableRecord Properties: Properties Description(描述) Dimadec 角度标注保留的有效位数 Dimalt 控制是否显示换算单位标注值中 ...

  3. spring 声明式事务管理

    简单理解事务: 比如你去ATM机取5000块钱,大体有两个步骤:首先输入密码金额,银行卡扣掉5000元钱:然后ATM出5000元钱.这两个步骤必须是要么都执行要么都不执行.如果银行卡扣除了5000块但 ...

  4. cocos2d-x 图片性能测试

    本文是原创文章,如需转载,请注明文章出处 本次测试使用的cocos2d-x版本是3.9,测试环境是XCode7自带的iphone5 一.JPG格式与PVR.CCZ格式对比 1.占用空间对比 a)不透明 ...

  5. 数字图像处理作业使用OpenCV - 块提取

    今天要记录的是树图第二次作业的第二题,Image Patch Extraction.这个概念真的不难懂,但是如果要我实际写的话,还真的不知道要怎么去遍历图像矩阵来提取块.在此要多谢邓大神的热心帮助,告 ...

  6. [HTML/HTML5]3 页面结构

    在HTML5之前,主要的容器元素是div元素,但在HTML5中提供了数种其它容器元素供我们使用. 因此,当组织Web页面结构时,首先使用HTML将内容分成多部分,然后在对其使用CSS应用样式和格式. ...

  7. Python中的深浅拷贝

    1.什么是深浅拷贝? python中一切皆对象,python中的数字.字符串.元组等,如果存放在了内存中,这部分内存里面的内容是不会改变的,但是也有情况,内存中存放了可变对象,比如说列表和字典,他们的 ...

  8. [原创]VM虚拟机Centos6.4网络配置。

    关于虚拟机VMware 3种网络模式(桥接.nat.Host-only)的工作原理http://www.cnblogs.com/hehexiaoxia/p/4042583.html 操作环境 主机:W ...

  9. 今天遇到了批量删除 redis 某个前缀的所有 key，发现只能是这么解决。

    redis-cli KEYS "php*" | xargs redis-cli DEL 利用 linux的 管道输出命令 xargs 根据返回结果逐条 删除.   上面这条命令 可 ...

  10. JavaEE 概念

    JavaEE体系架构概述 1.  企业级应用 现代企业级应用是以服务器为中心,通过网络把服务器和分散的用户联系在一起的应用.一般来说,现代企业级应用应当具有如下需求: 并发支持:同时收到大量服务请求, ...