原文:构建 MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(32)-swfupload多文件上传[附源码]
文件上传这东西说到底有时候很痛,原来的服务器控件提供了很简单的上传,但是有回传,还没有进度条提示。这次我们演示利用swfupload多文件上传,项目上文件上传是比不可少的,大家这个心里都知道。主要提供给源码说明及下载
最终效果图:
SWFUpload的特点:
1、用flash进行上传,页面无刷新,且可自定义Flash按钮的样式;
2、可以在浏览器端就对要上传的文件进行限制;
3、允许一次上传多个文件,但会有一个上传队列,队列里文件的上传是逐个进行的,服务器端接收文件时跟普通的表单上传文件是一样的;
4、提供了丰富的事件接口供开发者使用;
SWFUpload的文件上传流程是这样的:
1、引入相应的js文件
2、实例化SWFUpload对象,传入一个配置参数对象进行各方面的配置。
3、点击SWFUpload提供的Flash按钮,弹出文件选取窗口选择要上传的文件;
4、文件选取完成后符合规定的文件会被添加到上传的队列里;
5、调用startUpload方法让队列里文件开始上传;
6、文件上传过程中会触发相应的事件,开发者利用这些事件来更新ui、处理错误、发出提示等等;
SWFUpload包括三部分的内容:SWFUpload.js、swfupload.swf、初始化配置参数及各种事件处理函数。所以首先在页面引入SWFUpload.js
其实实现一个文件上传是很简单的,但是要实现一个继承了可配置有水印有缩略图的图片上传功能还是非常繁琐的.
配置参数对象中的常用属性及说明
源码说明:
public class siteconfig{ public int attachfilesize{ get; set;}//附件文件大小public int attachimgsize { get; set; }//附件图片大小public int attachimgmaxheight{ get; set;}//附件图片最大高度public int attachimgmaxwidth { get; set; }//附件图片最大宽度public int thumbnailwidth { get; set; }//缩略图宽度public int thumbnailheight { get; set; }//缩略图宽度public int watermarktype { get; set; }//水印类型1文件2图片public string watermarktext { get; set; }//水印文字public int watermarkimgquality { get; set; }//水印质量public string watermarkpic { get; set; }//水印图片名称public string webpath { get; set; }//web目录public string attachpath { get; set; }//上传文件夹public int watermarkposition { get;set;}//水印位置public string watermarkfont { get; set; }//水印字体public int watermarkfontsize { get; set; }//水印字体大小public int watermarktransparency { get; set; }//透明度public int attachsave { get; set; }//保存的类型按年月/日存入不同的文件夹/按年月日每天一个文件夹public string attachextension { get; set; }//允许的扩展名}
下载例子源码 VS+MVC4
链接:/s/1c0mskZQ 密码:v0wn