前段时间做文件上传用的是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. 与PhotoZoom Classic 6相比，Classic 7新增了哪些？

    PhotoZoom Classic 6凭借屡获殊荣的S-Spline XL的专利技术,以清晰和锐利的方式调整照片大小非常简单快捷甚至可以放大和改善互联网上的照片. PhotoZoom Classic ...

  2. Amaze UI的一点总结

    做一个微信公众号内的网页的时候,用到了Amaze UI,也称妹子UI. 官网上宣称,Amaze UI中国首个开源 HTML5 跨屏前端框架,用下来的感觉是比较类似于bootstrap,都是移动端优先. ...

  3. Django的时间字段DateTimeField

    一. Django的时间字段DateTimeField 创建django的model时,有DateTimeField.DateField和TimeField三种类型可以用来创建日期字段,其值分别对应着 ...

  4. Asp 日期格式化问题 沙比作者，我改过来。

    Asp 日期格式化问题 投稿:mdxy-dxy 字体:[增加 减小] 类型:转载 时间:2009-06-14我要评论 asp做网站经常遇到日期格式处理问题,介绍一个有用的vbscript函数forma ...

  5. 2015 Multi-University Training Contest 8 hdu 5385 The path

    The path Time Limit: 2000ms Memory Limit: 65536KB This problem will be judged on HDU. Original ID: 5 ...

  6. Matlab中的函数句柄@

    本系列文章由 @yhl_leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50699990 @是Matlab中的句柄 ...

  7. 如何利用eclipse实现批量修改文件的编码方式

        在eclipse+Eclipse环境下,打开一个jsp文件,经常发现汉字无法显示,右键点击查看这个文件属性,发现文件的字符编码属性为ISO-8859-1.    目前的解决方法有:1. 手工把 ...

  8. POJ 3301

    开始就是瞄着三分来做的,但看题目,感觉是旋转卡壳吧..可是,用了旋转卡壳还三分条毛啊.. 可以令正方形不旋转,而改为令点绕原点旋转,这样,很好的解决了问题,就可以比较X轴最大长度和Y轴最大长度来确定正 ...

  9. POJ 2407

    裸 的求欧拉函数 #include <iostream> #include <cstdio> #include <cstring> #include <alg ...

  10. 建议53：用状态模式美化代码，关于python-state工具包的理解

        在<编写高质量代码:改善python程序的91个建议>的建议53:用状态模式美化代码小节中,介绍了状态模式例如以下:就是当一个对象的内在状态改变时,同意改变其行为,但这个对象看起来 ...