網(wǎng)上找了很多資料都沒有發(fā)現(xiàn)一個(gè)好用、可以用的uploadify批量上傳的應(yīng)用,這里通過官方和自己的一些項(xiàng)目需要整理了一個(gè)出來(lái). 希望能幫助到需要的人。
效果圖:
<script type="text/javascript" src="/skin/js/laydate/laydate.js"></script><script type="text/Javascript" src="/skin/js/uploadify/jquery.uploadify.min.js"></script><script type="text/javascript" src="/skin/js/uploadify/uploadify.swf"></script><script type="text/javascript">$(document).ready(function () { $("#uploadFile").uploadify({ /*注意前面需要書寫path的代碼*/ 'swf': '/skin/js/uploadify/uploadify.swf', 'uploader': '/task/uploadhandler', //請(qǐng)求的Action 'cancelImg': '/skin/js/uploadify/cancel.png', 'method': 'get', 'queueID': 'fileQueue', //和存放隊(duì)列的DIV的id一致 'fileObjName': 'uploadFile',//和input的name屬性值保持一致就好,Struts2就能處理了 'auto': true, //是否自動(dòng)開始 'multi': true, //是否支持多文件上傳 'buttonText': '上傳', //按鈕上的文字 'simUploadLimit': 1, //一次同步上傳的文件數(shù)目 'sizeLimit': 19871202, //設(shè)置單個(gè)文件大小限制 // 'fileDesc' : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'屬性,那么這個(gè)屬性是必須的 // 'fileExt' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',//允許的格式 'queueSizeLimit': 5, //限制在一次隊(duì)列中的次數(shù)(可選定幾個(gè)文件)。默認(rèn)值= 999,而一次可傳幾個(gè)文件有 simUploadLimit屬性決定。 'fileSizeLimit': 10 * 1024 * 1024, //設(shè)置單個(gè)文件大小限制,單位為byte ,10M 'removeCompleted': true, 'removeTimeout': 0.5, 'requeueErrors': true, // 'onUploadJS調(diào)用<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個(gè)附件,單個(gè)文件大小不得超出10M,<br>可上傳文件格式:pdf、doc、docx、xls、PPT、wps、zip、rar、txt、jpg、jpeg、gif、bmp、swf、png、lsp;</div>View/// <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"; } }Controller這里本人有個(gè) asp.net
MVC群 109681896 ,希望對(duì)MVC有興趣的加入一起討論學(xué)習(xí). 也歡迎大神前來(lái)指導(dǎo)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注