这里就不再介绍什么是SWFUpload啦，简单为大家写一个简单关于SWFUpload的Demo。

1.把SWFUpload 相关的文件引用进来

2.创建upload.aspx页面（页面名称可自定义），

-前台页面代码如下：

<!DOCTYPE html>

<html>

<head id="Head1" runat="server">

    <title>SWFUpload Application Demo (ASP.Net 2.0)</title>

    <link href="../assets/lib/ckeditor/plugins/codesnippet/lib/highlight/styles/default.css" rel="stylesheet" />

    <script src="../assets/lib/swfupload/swfupload.js"></script>

    <script src="../assets/lib/swfupload/handlers.js"></script>

    <script type="text/javascript">

        var swfu;

        window.onload = function () {

            swfu = new SWFUpload({

                // Backend Settings

                //上传请求处理地址

                upload_url: "upload.aspx",

                //POST提交同时伴随上传的键值对

                post_params: {

                    <%--"ASPSESSID": "<%=Session.SessionID %>"--%>

                },

                // File Upload Settings

                //最大文件限制

                file_size_limit: "2 MB",

                //上传的文件类型

                file_types: "*.jpg",

                //点击弹出浏览窗口的文件默认类型

                file_types_description: "JPG Images",

                file_upload_limit: ,    // Zero means unlimited

                // Event Handler Settings - these functions as defined in Handlers.js

                //  The handlers are not part of SWFUpload but are part of my website and control how

                //  my website reacts to the SWFUpload events.

                swfupload_preload_handler: preLoad,

                swfupload_load_failed_handler: loadFailed,

                file_queue_error_handler: fileQueueError,

                file_dialog_complete_handler: fileDialogComplete,

                upload_progress_handler: uploadProgress,

                upload_error_handler: uploadError,

                upload_success_handler: function (file, serverData) {document.getElementById("img").src=serverData},

                upload_complete_handler: uploadComplete,

                // Button settings

                button_image_url: "../assets/lib/swfupload/images/XPButtonNoText_160x22.png",

                button_placeholder_id: "spanButtonPlaceholder",

                button_width: ,

                button_height: ,

                button_text: '<span class="button">选择图片 <span class="buttonSmall">(2 MB Max)</span></span>',

                button_text_style: '.button { font-family: Helvetica, Arial, sans-serif; font-size: 14pt; } .buttonSmall { font-size: 10pt; }',

                button_text_top_padding: ,

                button_text_left_padding: ,

                // Flash Settings

                flash_url: "../assets/lib/swfupload/swfupload.swf",    // Relative to this file

                flash9_url: "../assets/lib/swfupload/swfupload_FP9.swf",    // Relative to this file

                custom_settings: {

                    upload_target: "divFileProgressContainer"

                },

                // Debug Settings

                debug: false

            });

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div id="content">

        <div id="swfu_container" style="margin: 0px 10px;">

            <div>

                <span id="spanButtonPlaceholder"></span>

            </div>

            <div id="divFileProgressContainer" style="height: 75px;"></div>

            <div id="thumbnails">

                <img id="img" src="#" alt="" />

            </div>

        </div>

        </div>

    </form>

</body>

</html>

-后台页面代码如下：

 public partial class upload : System.Web.UI.Page

     {

         protected void Page_Load(object sender, EventArgs e)

         {

             if (Request.IsPostBack())

             {

                 //

                 foreach (string key in Request.Files)

                 {

                     Request.Files[key].SaveAs(Server.MapPath("~/uploads/" + Request.Files[key].FileName));

                     Response.Write("/uploads/" + Request.Files[key].FileName);

                 }

                 Response.End();

             }

         }

     }

注：里面的一些使用方式已经为大家附上注释，自己可以简单看下。

文件上传利器SWFUpload使用指南的更多相关文章

  1. 文件上传利器SWFUpload使用指南(转)

    http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html 文件上传利器SWFUpload使用指南 SWFUpload是一个flash和js ...

  2. [Plugin] 文件上传利器SWFUpload使用指南

    SWFUpload是 一个flash和js相结合而成的文件上传插件,其功能非常强大.以前在项目中用过几次,但它的配置参数太多了,用过后就忘记怎么用了,到以后要用时又得 到官网上看它的文档,真是太烦了. ...

  3. 文件上传利器SWFUpload入门简易教程

    凡做过网站开发的都应该知道表单file的确鸡肋. Ajax解决了不刷新页面提交表单,但是却没有解决文件上传不刷新页面,当然也有其它技术让不刷新页面而提交文件,该技术主要是利用隐藏的iFrame, 较A ...

  4. 文件上传工具swfupload[转]

    转至:http://zhangqgc.iteye.com/blog/906419 文件上传工具swfupload 示例: 1.JavaScript设置SWFUpload部分(与官方例子类似): var ...

  5. 文件上传：swfupload.js、blueimp-file-upload

    一.swfupload 1.下载swfupload http://code.google.com/p/swfupload/ 2. 3.API  http://www.cnblogs.com/henw/ ...

  6. 文件上传利器JQuery上传插件Uploadify

    在做日常项目中,经常在后台需要上传图片等资源文件,之前使用过几次这个组件,感觉非常好用 ,但是每次使用的时候都是需要经过一番查阅,所以还不如记住在这里,以后使用的时候就翻翻. 他的官方网站如下:htt ...

  7. [转]腾讯云Linux云服务器文件上传利器——WinSCP

    本文转自:http://bbs.qcloud.com/thread-4379-1-1.html WinSCP简介 WinSCP是一个Windows环境下使用SSH的开源图形化SFTP客户端.同时支持S ...

  8. 多图片/文件上传 - SwfUpload/PlUpload

    <文件上传利器SWFUpload使用指南> <前端上传组件Plupload使用指南>

  9. 前端上传组件Plupload使用指南

    我之前写过一篇文章<文件上传利器SWFUpload使用指南>,里面介绍了上传组件SWFUpload的使用方法,但现在随着html5技术的逐渐推广和普及,再去使用以flash为上传手段的SW ...

随机推荐

  1. sql server 清除日志

    SQL2008 的收缩日志  由于SQL2008对文件和日志管理进行了优化,所以以下语句在SQL2005中可以运行但在SQL2008中已经被取消: (SQL2005) Backup Log DNNam ...

  2. AppFabric 版本区分

    目前CSDN上可以下载到的 AppFabric有两个版本: 1, WindowsServerAppFabricSetup_x64_6.1.exe,    2010/12/3 发布的, 不推荐使用,Wi ...

  3. 各个平台 如何安装 Ruby 和 RubyGems

    原文地址:http://cloudfoundry-doc.csdn.net/frameworks/ruby/installing-ruby.html Last Updated: 2012-11-01 ...

  4. [ZETCODE]wxWidgets教程六：事件处理

    本教程原文链接:http://zetcode.com/gui/wxwidgets/events/ 翻译:瓶哥 日期:2013年12月7号星期六 邮箱:414236069@qq.com 主页:http: ...

  5. javascript检测属性

    javascript 对象可以看做属性的集合.我们可以通过三种方式来判断某个属性是否存在于某个对象中. 1.in操作符 var o={x:1} "x" in o //True :x ...

  6. opencv 中文文档地址

    http://www.opencv.org.cn/opencvdoc/2.3.2/html/doc/tutorials/tutorials.html

  7. PHP开发APP接口（二）

    这里将会调用前面博客的数据库连接单例.文件缓存类和开发APP接口(一) <?php // http://app.com/list.php?page-=1&pagesize=12 requ ...

  8. GXT之旅：第三章：表单和窗口(4)——表单的提交和RPC

    表单使用HTTP提交 表单有两种提交方式,第一种就是传统的HTTP提交. 最直接的步骤就是: 使用FormPanel的setAction()方法,去定义submit的URL 使用FormPanel的i ...

  9. NSLayoutConstraint-代码实现自己主动布局的函数使用方法说明

    [NSLayoutConstraint constraintWithItem:view1 attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelat ...

  10. Java的finally理解

    1.为什么要用finally 先看一个没有finally的异常处理try-catch语句: 如果count为要使用到的资源,而且用完要求释放此资源.那么我们能够把释放资源的语句放到try-catch后 ...