项目结构 以及插件需要的文件如图所示

前端代码:

 <!DOCTYPE html>

 <html>

 <head>

     <title>SWFUpload</title>

     <link href="~/Content/Scripts/tools/swfupload/css/default.css" rel="stylesheet" />

     <script src="~/Content/Scripts/tools/jquery-1.11.3.min.js"></script>

     <script src="~/Content/Scripts/tools/json2.js"></script>

     <script src="~/Content/Scripts/tools/swfupload/fileprogress.js"></script>

     <script src="~/Content/Scripts/tools/swfupload/handlers.js"></script>

     <script src="~/Content/Scripts/tools/swfupload/swfupload.js"></script>

     <script src="~/Content/Scripts/tools/swfupload/swfupload.queue.js"></script>

     <script type="text/javascript">

         var swfu;

         window.onload = function () {

             var settings = {

                 upload_url: "/UpLoad/UpLoading",  // 上传地址

                 flash_url: "/Content/Scripts/tools/swfupload/swfupload.swf", // 上传图片flash

                 preserve_relative_urls: false,

                 file_post_name: "fileName", // 上传文件参数名

                 file_size_limit: "100 MB",  // 文件大小

                 file_types: "*.jpg;*.png;*.gif;*.bmp;*.doc;*.docx", // 文件格式

                 file_types_description: "All Files",

                 file_upload_limit: "5",

                 file_queue_limit: "0",

                 custom_settings: {

                     progressTarget: "fsUploadProgress",

                     cancelButtonId: "btnCancel"

                 },

                 debug: true,

                 // Button settings

                 button_image_url: "/Content/Scripts/tools/swfupload/images/TestImageNoText_65x29.png",    // Relative to the Flash file

                 button_width: "65",

                 button_height: "29",

                 button_placeholder_id: "spanButtonPlaceHolder",

                 button_text: '<span class="theFont">浏览</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

                 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="content">

         <p>点击“浏览”按钮，选择您要上传的文档文件后，系统将自动上传并在完成后提示您。</p>

         <p>请勿上传包含中文文件名的文件！</p>

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

             <span class="legend">快速上传</span>

         </div>

         <div id="divStatus">0 个文件已上传</div>

         <div>

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

             <input id="btnCancel" type="button" value="取消所有上传" onclick="swfu.cancelQueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;"/>

             <input id="btnPase" type="button" value="暂停上传" onclick="swfu.stopQueue();" style="margin-left: 2px; font-size: 8pt; height: 29px;"/>

             <input id="btnGoon" type="button" value="继续上传" onclick="swfu.startUpload();" style="margin-left: 2px; font-size: 8pt; height: 29px;"/>

         </div>

 </div>

 </body>

 </html>

后端代码:

 using System;

 using System.Web;

 using System.Web.Mvc;

 namespace Notify.Controller.SwfupLoad

 {

     /// <summary>

     /// 上传图片控制器

     /// </summary>

     public class UpLoadController : System.Web.Mvc.Controller

     {

         /// <summary>

         /// 上传图片首页

         /// </summary>

         /// <returns>视图</returns>

         public ActionResult Index()

         {

             return View();

         }

         /// <summary>

         /// 上传图片处理

         /// </summary>

         /// <param name="fileName">图片流</param>

         /// <returns>结果</returns>

         public ActionResult UpLoading(HttpPostedFileBase fileName)

         {

             if (fileName != null)

             {

                 //创建图片新的名称

                 string nameImg = DateTime.Now.ToString("yyyyMMddHHmmssfff");

                 //获得上传图片的路径

                 string strPath = fileName.FileName;

                 //获得上传图片的类型(后缀名)

                 string type = strPath.Substring(strPath.LastIndexOf(".", StringComparison.Ordinal) + ).ToLower();

                 if (ValidateImg(type))

                 {

                     //拼写数据库保存的相对路径字符串

                     //拼写上传图片的路径

                     var uppath = Server.MapPath("~/Content/Images/UpImgs/");

                     uppath += nameImg + "." + type;

                     //上传图片

                     fileName.SaveAs(uppath);

                 }

             }

             return Content("OK");

         }

         /// <summary>

         /// 验证上传图片类型

         /// </summary>

         /// <param name="imgName">图片</param>

         /// <returns>结果</returns>

         public bool ValidateImg(string imgName)

         {

             string[] imgType = { "gif", "jpg", "png", "bmp" };

             int i = ;

             bool blean = false;

             //判断是否为Image类型文件

             while (i < imgType.Length)

             {

                 if (imgName.Equals(imgType[i]))

                 {

                     blean = true;

                     break;

                 }

                 if (i == (imgType.Length - ))

                 {

                     break;

                 }

                 i++;

             }

             return blean;

         }

     }

 }

使用svn下载

项目地址:http://code.taobao.org/svn/Notify/

swfupload上传图片的更多相关文章

  1. swfUpload 上传图片

    前端: <script src="~/Scripts/swfupload/swfupload.js"></script> <script src=&q ...

  2. 用SWFUpload上传图片小例子

    在开发项目中,经常会用到上传图片,接下来我就用一种简单的方式给大家分享一下使用SWFUpload的方式上传图片. 1.在网站根目录下新建一个SWFUpload文件夹,把下载的组建放在SWFUpload ...

  3. SWFUpload多图上传、C#后端跨域传文件带参数

    前几天工作中用到了SWFUpload上传图片,涉及到跨域,因为前端无法实现跨域,所以只能把文件传到后端进行跨域请求,整理分享下. 效果图 前端 html部分 <!DOCTYPE html> ...

  4. PHP之：多图上传

    撰写日期:2016-6-30 15:17:35 Thursday 参考 http://a3147972.blog.51cto.com/2366547/1381136 (08-05ThinkPHP+sw ...

  5. [Asp.net]Uploadify所有配置说明,常见bug问题分析

    引言 之前写过一篇使用swfupload上传图片的文章:周末大放送网站图片上传,水印,预览,截图,这里分析一下,当时使用uploadify上传,无法获取上传后,图片路径的问题.当时没有测试没有成功,一 ...

  6. Uploadify所有配置说明,常见bug问题分析

    引言 之前写过一篇使用swfupload上传图片的文章:周末大放送网站图片上传,水印,预览,截图,这里分析一下,当时使用uploadify上传,无法获取上传后,图片路径的问题.当时没有测试没有成功,一 ...

  7. 使用SWFUpload无刷新上传图片

    使用SWFUpload组件无刷新上传图片 在做项目时,需要用到一个图片的无刷新上传,之前听说过SWFUpload,于是想要通过SWFUpload来进行图片的无刷新上传,由于我的项目属于是ASP.NET ...

  8. swfupload在chrome中点击上传图片按钮无反应的解决办法

    chrome 22.0.XXXXX dev版上传图片按钮点击无反应原因:是GOOGLE的内建Flash PPAPI外挂所导致的. 问题原因: 由于Google浏览器(Chrome),在最新测试版22. ...

  9. ckeditor添加自定义按钮整合swfupload实现批量上传图片

    ckeditor添加自定义按钮整合swfupload实现批量上传图片给ckeditor添加自定义按钮,由于ckeditor只能上传一张图片,如果要上传多张图片就要结合ckfinder,而ckfinde ...

随机推荐

  1. MySQL SELECT练习题*28

    -- (1)用子查询查询员工“张小娟”所做的订单信息. SELECT * FROM order_master WHERE saler_no = ( SELECT employee_no FROM em ...

  2. Golang字符串函数认识（一）

    package main import ( "fmt" "strings" "strconv" ) func main(){ //返回字符串 ...

  3. MongoDB入门一

    一.环境配置 1.下载MongoDB,找到Bin目录下所有的.exe文件,拷贝到G盘MongoDB(新建)下,在MongoDB下建一个data文件,用于存放数据,创建一个logs文件夹,文件夹下创建一 ...

  4. Oracle Redo log 状态及工作原理解析

    Oracle重做日志(redo log)是用来记录操作条目,用于数据库数据恢复.为了提高效率,oracle通常建议设置三组redo log.本文将对重做日志组的状态以及多种状态之间切换做解析,力求掌握 ...

  5. bzoj 2844 albus就是要第一个出场 - 线性基

    题目传送门 这是个通往vjudge的虫洞 这是个通往bzoj的虫洞 题目大意 给定集合$S$,现在将任意$A\subseteq S$中的元素求异或和,然后存入一个数组中(下标从1开始),然后从小到大排 ...

  6. linux --- 3 vim 网络 用户 权限 软连接 压缩 定时任务 yum源

    一.vi 和vim vi 是老式的字处理器,不过功能已经很齐全了,但是还是有可以进步的地方. vim 则可以说是程序开发者的一项很好用的工具 ①命令模式 移动光标 w(e) 移动光标到下一个单词 b ...

  7. Google Protocol Buffer在vs2010下配置

    1.从这里下载protobuf-2.6.1.tar.gz到桌面,并解压,解压后的文件夹为protobuf-2.6.1.(我的桌面为C:\Users\mcl\Desktop) 2 .进入文件夹proto ...

  8. Vue学习【第一篇】：Vue初识与指令

    什么是Vue 什么是Vue Vue.js是一个渐进式JavaScript框架它是构建用户界面的JavaScript框架(让它自动生成js,css,html等) 渐进式:vue从小到控制页面中的一个变量 ...

  9. noip模拟【array】

    array by ysy [题目描述] 给定一个长度为n的数列,每次你可以进行以下操作之一: (1)将一个数+a: (2)将一个数-a: (3)将一个数+b: (4)将一个数-b: 你需要将所有数全部 ...

  10. 237. 程序自动分析 【map+并查集】

    程序自动分析 描述 在实现程序自动分析的过程中,常常需要判定一些约束条件是否能被同时满足. 考虑一个约束满足问题的简化版本:假设x1,x2,x3,…x1,x2,x3,…代表程序中出现的变量,给定n个形 ...