当前位置:编程学习 > ASP.NET> 正文

mvc中使用uploadify批量上传

时间:2014-11-21类别:编程学习

mvc中使用uploadify批量上传

mvc中使用uploadify批量上传

1、View视图的JS部分

 

  •  
  • JScript 代码   复制
  • 
    <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视图部分

  •  
  •  
  • HTML 代码   复制
  • 
    <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控制器上传代码

     

  •  
  • C# 代码   复制
  • 
    /// <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";
                }
            }
    
    
    		
  •  

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐