图片上传uploadify

图片上传借用js Uploadify,支持多张图片上传

1、下载Uploadify.js 地址http://www.uploadify.com/download/

2、前台页面

<span id="uploadify">上传多张图片</span>
<script src="~/uploadfy/jquery-2.2.0.min.js"></script>
<script src="~/uploadfy/uploadify.min.js"></script>
<script type="text/javascript">
$('#uploadify').uploadify({
uploader: '../../Index/Upload', // 服务器端处理地址
swf: '../../uploadfy/uploadify.swf', // 上传使用的 Flash

width: 60, // 按钮的宽度
height: 23, // 按钮的高度
buttonText: "上传", // 按钮上的文字
buttonCursor: 'hand', // 按钮的鼠标图标

fileObjName: 'Filedata', // 上传参数名称

// 两个配套使用
fileTypeExts: "*.jpg;*.png", // 扩展名
fileTypeDesc: "请选择 jpg png 文件", // 文件说明

auto: true, // 选择之后，自动开始上传
multi: true, // 是否支持同时上传多个文件
queueSizeLimit: 5 // 允许多文件上传的时候，同时上传文件的个数
});
</script>
3、后台接受、存储

public ActionResult Upload(HttpPostedFileBase Filedata)
{
// 如果没有上传文件
if (Filedata == null ||
string.IsNullOrEmpty(Filedata.FileName) ||
Filedata.ContentLength == 0)
{
return this.HttpNotFound();
}

// 保存到 ~/photos 文件夹中，名称不变
string filename = System.IO.Path.GetFileName(Filedata.FileName);
string upPath = AppDomain.CurrentDomain.BaseDirectory + "Upload/";
string virtualPath =
string.Format("~/Images/{0}", filename);
string path = Path.Combine(upPath, filename);
Filedata.SaveAs(path);
return this.Json(new { });
}
4、具体参数
查询地址：http://www.uploadify.com/documentation/