ASP.NET MVC diyUpload上传文件!
資源下載地址:http://download.csdn.net/detail/peiyuanxin/9555636
引用的JS 加CSS?
<link type="text/css" rel="stylesheet" href="~/Content/webuploader.css" />
<link type="text/css" rel="stylesheet" ?href="~/Content/diyUpload.css" />
<script type="text/javascript" src="~/Scripts/jquery-1.8.3.js"></script>
<script type="text/javascript" src="~/Scripts/diyUpload.js"></script>
<script type="text/javascript" src="~/Scripts/webuploader.html5only.min.js"></script>
<style>
?
*{ margin:0; padding:0;}
#box{ margin:50px auto; width:540px; min-height:400px; background:#FF9}
#demo{ margin:50px auto; width:540px; min-height:800px; background:#CF9}
</style>
<body>
? ? <input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
? ? <div id="box">
? ? ? ? <div id="test"></div>
? ? </div>
??
</body>
<script type="text/javascript">
$('#test').diyUpload({
url:'/File/Upload', ?//控制器名稱
success:function( data ) { ? //成功返回的數(shù)據(jù)
? ?console.info(data);
},
error:function( err ) { ?//失敗返回的數(shù)據(jù)
console.info( err );
},
buttonText : '選擇文件',
chunked:true,
// 分片大小
chunkSize:512 * 1024,
//最大上傳的文件數(shù)量, 總文件大小,單個文件大小(單位字節(jié));
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}
});
</script>
控制器中的代碼:
? ? ? ? public ActionResult Upload(HttpPostedFileBase file)
? ? ? ? {
? ? ? ? ? ? if (file == null)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? return Content("沒有文件!");
? ? ? ? ? ? }
? ? ? ? ? ? //Random r = new Random(100); //產(chǎn)生一個隨機數(shù)據(jù)
? ? ? ? ? ? string Extends = DateTime.Now.ToFileTime().ToString(); ?//轉(zhuǎn)換成windows文件夾時間
? ? ? ? ? ? //獲取文件的后綴名稱
? ? ? ? ? ? string geshi = file.FileName.Substring(file.FileName.IndexOf('.'));
? ? ? ? ? ??
? ? ? ? ? ? //保存的路徑?
? ? ? ? ? ? string path = Path.Combine(Request.MapPath("~/Images"), Extends+geshi);
? ? ? ? ? ? try {
? ? ? ? ? ? ? ? file.SaveAs(path);
? ? ? ? ? ? }catch(Exception x)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? return Content("上傳失敗!");
? ? ? ? ? ? }
? ? ? ? ? ?
? ? ? ? ? ? return Content("上傳成功!");
? ? ? ? }
總結(jié)
以上是生活随笔為你收集整理的ASP.NET MVC diyUpload上传文件!的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Go语言web开发学习
- 下一篇: 加密算法