这里就不再介绍什么是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. Android 网络通信框架Volley简介(Google IO 2013)

    1. 什么是Volley 在这之前,我们在程序中需要和网络通信的时候,大体使用的东西莫过于AsyncTaskLoader,HttpURLConnection,AsyncTask,HTTPClient( ...

  2. WinDump使用方法

    转自:http://blog.csdn.net/weiyuweizhi/article/details/4326174 在命令行下启动windump.exe 参数列表: -a              ...

  3. TFS2010中文版安装

    VS2010的中文版出来一段时间了,对TFS2010的了解,也有一段时间了,只不过中文版还是首次见到.于是把第一次安装的图片分享出来,公供参数. TFS2010安装环境是操作系统为Windows Se ...

  4. 字符编码笔记：ASCII，Unicode和UTF-8，附带 Little endian和Big endian的解释

    作者: 阮一峰 日期: 2007年10月28日 今天中午,我突然想搞清楚Unicode和UTF-8之间的关系,于是就开始在网上查资料. 结果,这个问题比我想象的复杂,从午饭后一直看到晚上9点,才算初步 ...

  5. 4 weekend110的textinputformat对切片规划的源码分析 + 倒排索引的mr实现 + 多个job在同一个main方法中提交

    好的,现在,来weekend110的textinputformat对切片规划的源码分析, Inputformat默认是textinputformat,一通百通. 这就是今天,weekend110的te ...

  6. SignalR及时通知功能

    功能需求,现时已经编写了一个hub能够,将后台的消息发送至前台中,并给出提示,但如后台已经发生了变化,由内部调用消息时,应该怎样处理? 1.编写Hub类 using System.Collection ...

  7. 关于css命名规范

    1 newsHeader-logo,第一个单词小写,第二个单词大写,第三个单词加-

  8. 解决拦截器对ajax请求的的拦截

    拦截器配置: public boolean preHandle(HttpServletRequest request, HttpServletResponse response,Object obj) ...

  9. 在Mybatis-spring中由于默认Autowired导致不能配置多个数据源的问题分析及解决

    在使用Mybatis中,通常使用接口来表示一个Sql Mapper的接口以及相对应的xml实现,而在spring的配置文件中,通常会使用MapperScannerConfigurer来达到批量扫描以及 ...

  10. Binary image

    http://www.uio.no/studier/emner/matnat/ifi/INF3300/h06/undervisningsmateriale/week-36-2006-solution. ...