前段时间做文件上传用的是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. C#——面对对象之封装、继承、多态的简单理解

    一.封装 隐藏对象的属性和实现细节,仅对外公开接口,控制在程序中属性的读取和修改的访问级别. 简单来多,就是讲我们所需要的代码打包封装进入一个类里面,便于我们调用,操作.这就是封装. 这样就隔离了具体 ...

  2. 企业级任务调度框架Quartz(9) Quartz之作业触发器Trigger

    前序:      我们已经大概对Quartz的基本有了一个大概的认识:现在我们将要逐渐对Quartz的各个重要组件进行学习:前面已经对job进行了详细讲解,现在我们来认识下它的一个重要兄弟,没有它,作 ...

  3. USACO 2008 Mar Silver 3.River Crossing 动态规划水题

    Code: #include<cstring> #include<algorithm> #include<cstdio> using namespace std; ...

  4. 【udacity】机器学习-决策树

    Evernote Export 1.监督学习 我们向系统中输出样本,并且告诉系统样本标签(target),系统用我们给出的不同样本的成功与失败的信息,构建它对成功或失败的因素的理解. 2.分类与回归之 ...

  5. Java Web中的mapper，service，controller，model

    Java Web中的mapper,service,controller,model作用分别是:java web中mapper是对象持久化映射层,一般会继承ibatis或者mybatisservive是 ...

  6. Project Euler 41 Pandigital prime（ 米勒测试 + 生成全排列 ）

    题意:如果一个n位数恰好使用了1至n每个数字各一次,我们就称其为全数字的.例如,2143就是一个4位全数字数,同时它恰好也是一个素数. 最大的全数字的素数是多少? 思路: 最大全排列素数可以从 n = ...

  7. SCOI2003 严格N元树

    SCOI2003 严格N元树 Description 如果一棵树的所有非叶节点都恰好有n个儿子,那么我们称它为严格n元树.如果该树中最底层的节点深度为d (根的深度为0),那么我们称它为一棵深度为d的 ...

  8. OSI层次介绍

    1.应用层:为应用软件提供接口,使应用程序能够使用网络服务. 2.表示层:①数据的解码和编码,②数据的加密和解密,③数据的压缩和解压缩. 3.会话层:建立.维护.管理应用程序之间的会话. 功能:对话控 ...

  9. Django入门--模型系统(一)：模型基础

    1.Django的ORM介绍 对象关系映射(英语:(Object Relational Mapping,简称ORM,或O/RM,或O/R mapping),是一种程序技术,用于实现面向对象编程语言里不 ...

  10. Tensorflow MNIST 数据集测试代码入门

    本系列文章由 @yhl_leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50614444 测试代码已上传至GitH ...