mvc中使用uploadify批量上传
类别:编程学习 浏览量:334
时间:2014-11-21 mvc中使用uploadify批量上传
mvc中使用uploadify批量上传1、View视图的JS部分
<script type="text/javascript" src="/skin/js/uploadify/jquery.uploadify.min。js"></script> <script type="text/javascript"> $(document).ready(function () { $("#uploadFile").uploadify({ /*注意前面需要书写path的代码*/ 'swf': '/skin/js/uploadify/uploadify。swf', 'uploader': '/task/uploadhandler', //请求的Action 'cancelImg': '/skin/js/uploadify/cancel。png', 'method': 'get', 'queueID': 'fileQueue', //和存放队列的li的id一致 'fileObjName': 'uploadFile',//和input的name属性值保持一致就好,Struts2就能处理了 'auto': true, //是否自动开始 'multi': true, //是否支持多文件上传 'buttonText': '上传', //按钮上的文字 'simUploadLimit': 1, //一次同步上传的文件数目 'sizeLimit': 19871202, //设置单个文件大小限制 'fileDesc' : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性,那么这个属性是必须的 'fileExt' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',//允许的格式 'queueSizeLimit': 5, //限制在一次队列中的次数(可选定几个文件)。默认值= 999,而一次可传几个文件有 simUploadLimit属性决定。 'fileSizeLimit': 10 * 1024 * 1024, //设置单个文件大小限制,单位为byte ,10M 'removeCompleted': true, 'removeTimeout': 0.5, 'requeueErrors': true, //'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal,queueBytesLoaded) { //$("#result").append("<li>文件\\""+file.name+"\\"共"+totalBytesTotal+"字节,已上传"+totalBytesUploaded + "字节!</li><br/>"); // if(totalBytesUploaded==totalBytesTotal){ // $("#result").append("<li>文件\\""+file.name+"\\"上传成功!</li><br/>"); // } //}, 'onUploadComplete': function (file) { //$("#result").append("<li>文件"+file.name+"上传成功!</li><br/>"); }, 'onUploadSuccess': function (file, data, response) { if ($("#hidFile").val() == "") { $("#hidFile").val(data); $("#showFile").text(data); } else { $("#hidFile").val($("#hidFile").val() + "|" + data + ""); $("#showFile").text($("#showFile").text() + ";" + data + ""); } }, 'onUploadError': function (file, errorCode, errorMsg, errorString, swfuploadifyQueue) { //$("#result").html(errorString); }, }); }); </script>
2、View视图部分
<li class="item2 mt15">
<span class="reg-tit3">上传附件:</span>
<li class="reg-inf">
<input type="file" name="uploadFile" id="uploadFile" class="pub-btn" />
<li id="fileQueue"></li>
@*<a href="javascript:$('#uploadFile').uploadify('upload','*')">上传文件</a>
<a href="javascript:$('#uploadFile').uploadify('cancel', '*')">取消所有上传</a>*@
</li>
<label id="showFile" name="showFile"></label>
</li>
<li class="fl ml158 mt5 f12 gray0">最多可添加5个附件,单个文件大小不得超出10M,<br>可上传文件格式:pdf、doc、docx、xls、ppt、wps、zip、rar、txt、jpg、jpeg、gif、bmp、swf、png、lsp;</li>
3、controller控制器上传代码
/// <summary>
/// 上传文件
/// </summary>
/// <returns></returns>
public string UploadHandler()
{
HttpPostedFileBase file = Request.Files["uploadFile"];
if (file != null)
{
string path = Common.ConfigHelper.GetConfigString("picUpload") + "/Attachment";
string pathWjj = System.DateTime.Now.ToString("yyyyMMdd");
string root = path + "/" + pathWjj;
if (!Directory.Exists(root))
{
Directory.CreateDirectory(root);
}
file.SaveAs(root + "/" + file.FileName);
return pathWjj + "/" + file.FileName;
}
else
{
return "0";
}
}
热门推荐
- 云服务器的安全问题(云服务器如何提高安全组性能?)
- html5的表单怎么写(HTML5新增form控件和表单属性实例代码详解)
- laravel api 调试(laravel 实现设置时区的简单方法)
- css 图片边缘虚化(CSS3对图片照片进行边缘模糊处理的实现)
- python读取文件的方法和区别(浅谈PYTHON 关于文件的操作)
- docker查看某个容器状态(docker 移除掉运行不正常的container操作)
- docker swarm管理(Docker Swarm 服务编排之命令详解)
- hive数值转字符串(hive中将string数据转为bigint的操作)
- css制作旋转小球(css实现毛毛虫爬行动作)
- mysql导出数据的方法