前段时间做文件上传用的是H5的一个插件，由于浏览器的兼容性不好，所以又换了一个Flash版本的上传文件插件，感觉这个上传插件的使用方式跟H5的差不多，有些雷同。不过，由于后续浏览不再支持Flash（略囧），所以，暂时还没有找到能够完美兼容浏览器的上传文件插件。各位网友如果有好的插件，请推荐下。

　　View代码：

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>Index</title>

     <script src="~/Scripts/jquery-1.10.2.min.js"></script>

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

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

     <script type="text/javascript">

         var swfu;

         window.onload = function () {

             swfu = new SWFUpload({

                 // Backend Settings

                 upload_url: "/UploadFile/UploadFile",

                 post_params : {

                 },

                 // File Upload Settings

                 file_size_limit : "2 MB",

                 file_types : "*.jpg;*.bmp;*.jpg;*.jpeg;*.png;*.gif",

                 file_types_description : "JPG Images;bmp Images;jpg Images;jpeg Images;png Images;gif 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 : uploadSuccess,

                 upload_complete_handler : uploadComplete,

                 // Button settings

                 button_image_url: "/Content/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 : "/Content/swfupload/swfupload.swf",    // Relative to this file

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

                 custom_settings : {

                     upload_target : "divFileProgressContainer"

                 },

                 // Debug Settings

                 debug: false

             });

             //文件上传成功后,给用户提示信息

             function uploadSuccess(file, serverData) {

                 var result = serverData.split('|');

                 if (result[] == 'ok') {

                     alert(result[]);

                 }

             }

         }

     </script>

 </head>

 <body>

     <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"></div>

         </div>

     </div>

 </body>

 </html>

Controller代码:

 private string uploadPath = ConfigurationManager.AppSettings["UploadFile"];//文件上传路径

 private string fileFormat = ConfigurationManager.AppSettings["FileFormat"];//允许上传的文件格式

 /// <summary>

 /// 保存上传文件

 /// </summary

 /// <returns></returns>

 public ActionResult UploadFile()

 {

     HttpPostedFileBase fileData = Request.Files["Filedata"];

     string fileExt = Path.GetExtension(fileData.FileName);

     string[] formatArray = fileFormat.Split('|');

     if (!formatArray.Contains(fileExt))  //前端有格式的限制，但我觉得安全起见，后端还是验证下好点

     {

         return Content("no|上传文件格式不正确");

     }

     string saveDirectory = uploadPath + "/UploadFile/";//保存上传文件的文件夹

     if (!Directory.Exists(saveDirectory))

     {

         Directory.CreateDirectory(saveDirectory);

     }

     string fileName = Guid.NewGuid().ToString() + fileExt;

     string savePath = saveDirectory + fileName;

     fileData.SaveAs(savePath);//上传文件保存

     return Content("ok|文件上传成功");

 }

webconfig中的配置

 <add key="UploadFile" value="E:/swfUploadFileStorage/"/>

 <add key="FileFormat" value=".bmp|.jpg|.jpeg|.png|.gif"/>

　　

swfupload组件上传文件的更多相关文章

  1. 使用commons-fileUpload组件上传文件

    在近期的一个项目中有用到commons-fileUpload组件进行实现文件上传的功能(由于没用到框架),在使用的过程中有遇到一些问题,经过自己的琢磨也算顺利地将其解决了,在这里做个记录. 一.com ...

  2. EasyUI 关于IE使用window组件上传文件

    有时候IE会对使用window组件上传文件(第二次)不生效,解决方案是: 将该window每次打开的时候,使用: $('#adUploadWindow').window('refresh', 'pan ...

  3. 关于commons-fileupload组件上传文件中文名乱码问题

    java web开发,常用到的文件上传功能,常用的commons-fileupload和commons-io两个jar包.关于如何使用这两个jar来完成文件上传的功能,这里不做详解.使用commons ...

  4. 在Struts2中使用Uploadify组件上传文件

    Uploadify是一个基于Jquery的文件上传组件,官网http://www.uploadify.com/可以在官网获得该组件,运行演示示例,下载帮助文档.     作为Web前端的增强技术,Jq ...

  5. javaweb-番外篇-Commons-FileUpload组件上传文件

    一.Commons-FileUpload简介 Commons-FileUpload组件 Commons是Apache开放源代码组织的一个Java子项目,其中的FileUpload是用来处理HTTP文件 ...

  6. django Form组件 上传文件

    上传文件 注意:FORM表单提交文件要有一个参数enctype="multipart/form-data" 普通上传: urls: url(r'^f1/',views.f1), u ...

  7. Ant Design Upload 组件上传文件到云服务器 - 七牛云、腾讯云和阿里云的分别实现

    在前端项目中经常遇到上传文件的需求,ant design 作为 react 的前端框架,提供的 upload 组件为上传文件提供了很大的方便,官方提供的各种形式的上传基本上可以覆盖大多数的场景,但是对 ...

  8. [插件] 如何在一个页面中使用多个SWFUpload对象上传文件

    首先需要引入相应的样式和JS文件,还需要借助jQuery的js 提供下载路径:http://pan.baidu.com/s/1EUzca ① 引入js <script type="te ...

  9. VUE -- 用组件上传文件和用xmlrequest上传

    xmlrequest: sendForm(str, types) { var form = this.$refs.ipas_form; var oOutput = document.querySele ...

随机推荐

  1. public var tap: ControlEvent

    extension Reactive where Base: UIButton { /// Reactive wrapper for `TouchUpInside` control event. pu ...

  2. layui 多选下拉框 控件 样式改变原因

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. HILLSTONE sg6000 g5150 怎么恢复出厂设置

    hillstone恢复出厂设置的方法(忘记密码的情况) 口令丢失情况下的处理 如果口令丢失,用户无法登录安全路由器进行配置,请在安全路由器刚启动时按住 CLR 按键大约 5 秒,使设备恢复到出厂配置. ...

  4. Javaee 方法的格式和注意事项

    1.构造方法的格式是什么?有哪些注意事项?   修饰符+方法名称+(参数列表),构造的方法没有返回值,方法名称要和类名一样,有属性参数的需要在成员变量前加this,参数列表的值要和指定的方法格式相同. ...

  5. kali 安装nessus

    下载home版: http://www.tenable.com/products/nessus/select-your-operating-system#tos 获取激活码:http://www.te ...

  6. nyoj181-小明的难题

    小明的难题时间限制:3000 ms  |  内存限制:65535 KB难度:2描述课堂上小明学会了用计算机求出N的阶乘,回到家后就对妹妹炫耀起来.为了不让哥哥太自满,妹妹给小明出了个问题"既 ...

  7. HTML5学习(一)

    HTML5学习 HTML5的基本结构 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content ...

  8. android生成sdk.jar 小工具

    net.sf.fjep.fatjar_0.0.31.jar 生成jar的工具 把这个net.sf.fjep.fatjar_0.0.31.jar到Eclipse的plugins中,从启Eclipse.点 ...

  9. 手机QQ架构的浅谈

    手机QQ的原本的产品定位定位于移动社交,并将娱乐与生活服务相结合,整体的架构模块QQ主要分为登录注册,消息,聊天,联系人,动态,侧边栏,设置等几大模块.其中消息模块和聊天模块是核心模块.好友动态及联系 ...

  10. 在数据表中字段存有excel、word文件数据，让其随着记录指针移动而改变显示

    这是一个及其简单的问题,可是被绕住了.当记录移动时,装载数据到excel显示数据.这个方法写在哪里?如何触发? datasource.cds等空间的触发都是多次.到现在也没明白如何去做.笨方法: 1. ...