mvc如何实现批量上传

来源：互联网发布：大华电子秤数据没了编辑：程序博客网时间：2024/04/29 11:32

使用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', //和存放队列的DIV的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("<div>文件\\""+file.name+"\\"共"+totalBytesTotal+"字节，已上传"+totalBytesUploaded + "字节!</div><br/>");          // if(totalBytesUploaded==totalBytesTotal){          //    $("#result").append("<div>文件\\""+file.name+"\\"上传成功！</div><br/>");          // }          //},          'onUploadComplete': function (file) {            //$("#result").append("<div>文件"+file.name+"上传成功！</div><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视图部分

<div class="item2 mt15">                    <span class="reg-tit3">上传附件：</span>                    <div class="reg-inf">                        <input type="file" name="uploadFile" id="uploadFile" class="pub-btn" />                          <div id="fileQueue"></div>                        @*<a href="javascript:$('#uploadFile').uploadify('upload','*')">上传文件</a>                        <a href="javascript:$('#uploadFile').uploadify('cancel', '*')">取消所有上传</a>*@                    </div>                     <label id="showFile" name="showFile"></label>                </div>                <div 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；</div>

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";            }        }

文章转载自： mvc中使用uploadify批量上传 http://www.studyofnet.com/news/677.html

0 0