写在前面

之前的上传文件的功能，只能上传到根目录，前两篇文章实现了新建文件夹的功能，则这里对上传文件的功能进行适配。

系列文章

[EF]vs15+ef6+mysql code first方式

[实战]MVC5+EF6+MySql企业网盘实战(1)

[实战]MVC5+EF6+MySql企业网盘实战(2)——用户注册

[实战]MVC5+EF6+MySql企业网盘实战(3)——验证码

[实战]MVC5+EF6+MySql企业网盘实战(4)——上传头像

[Bootstrap]modal弹出框

[实战]MVC5+EF6+MySql企业网盘实战(5)——登录界面，头像等比例压缩

[实战]MVC5+EF6+MySql企业网盘实战(5)——页面模板

[实战]MVC5+EF6+MySql企业网盘实战(5)——ajax方式注册

[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录

[实战]MVC5+EF6+MySql企业网盘实战(7)——文件上传

[实战]MVC5+EF6+MySql企业网盘实战(8)——文件下载、删除

[实战]MVC5+EF6+MySql企业网盘实战(9)——编辑文件名

[实战]MVC5+EF6+MySql企业网盘实战(10)——新建文件夹

[实战]MVC5+EF6+MySql企业网盘实战(11)——新建文件夹2

[实战]MVC5+EF6+MySql企业网盘实战(12)——新建文件夹和上传文件

代码片段

发现如果从数据表中的filePath中获取目录，比较繁琐，干脆在myfile表中添加一个表示目录的字段folderPath，这样获取某个目录下的文件相对更方便一点。同时考虑有文件名称这个字段了，就将filePath这个字段删除了。

所以调整后的代码如下：

usingSystem;usingSystem.Collections.Generic;usingSystem.IO;usingSystem.Linq;usingSystem.Linq.Expressions;usingSystem.Web;usingSystem.Web.Mvc;usingSystem.Web.Script.Serialization;usingWolfy.NetDisk.BLL;usingWolfy.NetDisk.IBLL;usingWolfy.NetDisk.Model;usingWolfy.NetDisk.Utilities;namespaceWolfy.NetDisk.Site.Controllers
{public classHomeController : Controller{private IUserInfoServiceRepository _userInfoServiceRepository = newUserInfoServiceRepository();private IMyFileServiceRepository _myFileServiceRepository = newMyFileServiceRepository();[HttpGet]publicActionResult FileList(){UserInfo userInfo= Session["user"] asUserInfo;if (userInfo == null){return RedirectToAction("Login", "UserInfo");}string folderPath = Request.Params["path"];Expression<Func<MyFile, bool>> where = null;if (string.IsNullOrEmpty(folderPath)){where = x => x.User.Id == userInfo.Id && x.FolderPath == "/NetDisk/" + userInfo.UserName + "/";}else{//保证路径格式一直以/结束folderPath = folderPath.TrimEnd('/') + "/";where = x => x.User.Id == userInfo.Id && !x.IsDelete && x.FolderPath ==folderPath;}var fileList = _myFileServiceRepository.FindAll(where).OrderBy(x => x.IsFolder).OrderByDescending(x =>x.CreateDt);ViewBag.UserInfo=userInfo;ViewBag.ChildTitle= "我的网盘";returnView(fileList);}[HttpPost]public void UploadFile(stringfilePath){UserInfo userInfo= Session["user"] asUserInfo;if (userInfo == null){RedirectToAction("Login", "UserInfo");}var files =Request.Files;if (files.Count > 0){var file = files[0];string fileName =file.FileName;Stream inputStream=file.InputStream;string fileSaveFolder = string.Empty;if (!string.IsNullOrEmpty(filePath)){filePath=Server.UrlDecode(filePath);fileSaveFolder= Server.MapPath("~/" +filePath);}else{fileSaveFolder= Request.MapPath("~/NetDisk/" +userInfo.UserName);}//如果目标不存在，则创建if (!Directory.Exists(fileSaveFolder)){Directory.CreateDirectory(fileSaveFolder);}byte[] buffer = new byte[inputStream.Length];//判断是否已经超出个人网盘大小var myFiles = _myFileServiceRepository.FindAll(x => x.User.Id ==userInfo.Id);int myDiskSize = 0;if (myFiles.Count() > 0){myDiskSize= myFiles.Sum(x =>x.FileSize);}//如果已经超出网盘大小，则给出提示if (myDiskSize + buffer.Length >userInfo.NetDiskSize){AlertMsg("对不起，您的网盘空间不足，请清理后再次上传，或联系管理员进行扩容。", "");return;}inputStream.Read(buffer,0, buffer.Length);string strFileMd5 =MD5Helper.GetMD5FromFile(buffer);string fileSavePath =Path.Combine(fileSaveFolder, filePath);fileSavePath=Path.Combine(fileSaveFolder, fileName);//如果文件已经存在if(System.IO.File.Exists(fileSavePath)){//对文件进行重命名fileName =ReNameHelper.FileReName(fileSavePath);fileSavePath=Path.Combine(fileSaveFolder, fileName);}file.SaveAs(fileSavePath);var currentUser = _userInfoServiceRepository.Find(x => x.Id ==userInfo.Id);MyFile myFile= newMyFile(){FileMd5=strFileMd5,ModifyDt=DateTime.Now,IsDelete= false,FileSize=buffer.Length,FolderPath=filePath,FileExt=Path.GetExtension(fileSavePath),CreateDt=DateTime.Now,FileName=fileName,FileIcon=GetFileIcon(Path.GetExtension(fileSavePath)),User=currentUser,IsFolder= 1};//保存数据库
_myFileServiceRepository.Add(myFile);_myFileServiceRepository.SaveChanges();string json = newJavaScriptSerializer().Serialize(myFile);AlertMsg("上传成功", json);}}private void AlertMsg(string msg, stringfileJson){Response.ContentType= "text/html";Response.Write("<script>parent.showMsg('" + msg + "','" + fileJson + "');</script>");Response.End();}private string GetFileIcon(stringfileExt){string fileIconPath = "/Content/Images/";switch(fileExt.ToLower()){case ".doc":case ".docx":fileIconPath+= "DocType.png";break;case ".xlx":case ".xlxs":fileIconPath+= "XlsType.png";break;case ".ppt":case ".pptx":fileIconPath+= "PptType.png";break;case ".pdf":fileIconPath+= "PdfType.png";break;case ".apk":fileIconPath+= "ApkType.png";break;case ".dwt":case ".dwg":case ".dws":case ".dxf":fileIconPath+= "CADType.png";break;case ".exe":fileIconPath+= "ExeType.png";break;case ".png":case ".gif":case ".jpg":fileIconPath+= "ImgType.png";break;case ".txt":fileIconPath+= "TxtType.png";break;case ".bt":fileIconPath+= "TorrentType.png";break;case ".rmvb":case ".avi":case ".flv":fileIconPath+= "VideoType.png";break;case ".zip":case ".7z":case ".rar":fileIconPath+= "MusicType.png";break;case ".mp3":fileIconPath+= "MusicType.png";break;default:fileIconPath+= "OtherType.png";break;}returnfileIconPath;}/// <summary>///文件下载/// </summary>/// <param name="fileId"></param>public void DownLoadFile(stringfileId){UserInfo userInfo= Session["user"] asUserInfo;if (userInfo == null){RedirectToAction("Login", "UserInfo");return;}if (string.IsNullOrEmpty(fileId)){throw new ArgumentNullException("fileId is errror");}int id =Convert.ToInt32(fileId);var findFile = _myFileServiceRepository.Find(x => x.Id ==id);if (findFile == null){AlertMsg("文件不存在", "");return;}string filePath = Request.MapPath("~/" + findFile.FolderPath + "/" +findFile.FileName);//以字符流的形式下载文件FileStream fs = newFileStream(filePath, FileMode.Open);byte[] bytes = new byte[(int)fs.Length];fs.Read(bytes,0, bytes.Length);fs.Close();Response.ContentType= "application/octet-stream";//通知浏览器下载文件而不是打开Response.AddHeader("Content-Disposition", "attachment; filename=" +HttpUtility.UrlEncode(findFile.FileName, System.Text.Encoding.UTF8));Response.BinaryWrite(bytes);Response.Flush();Response.End();}public void DeleteFile(stringfileId){UserInfo userInfo= Session["user"] asUserInfo;if (userInfo == null){RedirectToAction("Login", "UserInfo");return;}if (string.IsNullOrEmpty(fileId)){throw new ArgumentNullException("fileId is errror");}int id =Convert.ToInt32(fileId);var findFile = _myFileServiceRepository.Find(x => x.Id ==id);if (findFile == null){AlertMsg("文件不存在", "");return;}findFile.IsDelete= true;_myFileServiceRepository.Update(findFile);int count =_myFileServiceRepository.SaveChanges();if (count > 0){var response = new { code = 4, fileId =findFile.Id };Response.Write(newJavaScriptSerializer().Serialize(response));}}publicJsonResult EditFileName(){string fileId = Request.Form["fileId"];string fileNewName = Request.Form["fileNewName"];UserInfo userInfo= Session["user"] asUserInfo;if (userInfo == null){RedirectToAction("Login", "UserInfo");}int id =Convert.ToInt32(fileId);var findFile = _myFileServiceRepository.Find(x => x.Id ==id);findFile.FileName=fileNewName;_myFileServiceRepository.Update(findFile);int count =_myFileServiceRepository.SaveChanges();if (count > 0){var response = new{code= 200,msg= "更新成功"};return new JsonResult() { Data = newJavaScriptSerializer().Serialize(response) };}return new JsonResult() { Data = new JavaScriptSerializer().Serialize(new { code = 500, msg = "保存失败"}) };}publicJsonResult CreateFolder(){UserInfo userInfo= Session["user"] asUserInfo;if (userInfo == null){RedirectToAction("Login", "UserInfo");}string folderPath = Server.UrlDecode(Request.Params["folderPath"]);string folderName = Request.Params["folderName"];if (string.IsNullOrEmpty(folderName)){throw new ArgumentNullException("文件夹名称不能为空");}//检查文件夹是否已经存在Expression<Func<MyFile, bool>> where = null;if (string.IsNullOrEmpty(folderPath)){where = x => x.User.Id == userInfo.Id && x.IsFolder == 0 && x.IsDelete == false && x.FolderPath == "/NetDisk/Wolfy/";}else{where = x => x.User.Id == userInfo.Id && x.IsFolder == 0 && x.IsDelete == false && x.FolderPath ==folderPath;}var count = _myFileServiceRepository.FindAll(where).Count();userInfo= _userInfoServiceRepository.Find(x => x.Id ==userInfo.Id);if (count > 0){//如果不存在，则新建，否则进行自动重命名folderName = folderName + "(" + (count + 1).ToString() + ")";}if (string.IsNullOrEmpty(folderPath)){folderPath= "/NetDisk/" +userInfo.UserName;}MyFile folder= newMyFile(){FolderPath= folderPath.TrimEnd('/') + "/",FileName=folderName,CreateDt=DateTime.Now,User=userInfo,FileExt= string.Empty,FileIcon= "/Content/Images/FolderType.png",FileMd5= string.Empty,FileSize= 0,IsDelete= false,ModifyDt=DateTime.Now};try{_myFileServiceRepository.Add(folder);_myFileServiceRepository.SaveChanges();}catch(Exception){return new JsonResult() { Data = new JavaScriptSerializer().Serialize(new { code = 500, msg = "创建失败"}) };}return new JsonResult() { Data = new JavaScriptSerializer().Serialize(new { code = 200, folder =folder }) };}}
}

前端代码如下

@model IEnumerable<Wolfy.NetDisk.Model.MyFile>@{ViewBag.Title = "FileList";Layout = "~/Views/Shared/_Layout.cshtml";}<buttonid="btnUpload"class="btn-primary">上传文件</button>
<buttonclass="btn-primary"id="btnNewFolder">新建文件夹</button><divclass="box-content"id="fileList"><divclass="dataTables_wrapper"role="grid"><tableid="fileList"class="table table-striped table-bordered responsive"aria-describedby="DataTables_Table_0_info"><thead><trrole="row"><thclass="sorting_asc"role="columnheader"tabindex="0"aria-controls="DataTables_Table_0"rowspan="1"colspan="1"aria-sort="ascending"aria-label="Username: activate to sort column descending"style="width: 312px;">文件名</th><thclass="sorting"role="columnheader"tabindex="0"aria-controls="DataTables_Table_0"rowspan="1"colspan="1"aria-label="Role: activate to sort column ascending"style="width: 144px;">大小</th><thclass="sorting"role="columnheader"tabindex="0"aria-controls="DataTables_Table_0"rowspan="1"colspan="1"aria-label="Date registered: activate to sort column ascending"style="width: 263px;">修改日期</th><thclass="sorting"role="columnheader"tabindex="0"aria-controls="DataTables_Table_0"rowspan="1"colspan="1"aria-label="Actions: activate to sort column ascending"style="width: 549px;">操作</th></tr></thead><tbodyrole="alert"aria-live="polite"aria-relevant="all">@{int i = 0;}@foreach (var item in Model){i++;<trclass="i%2==0?'even':'odd'"id="tr-@item.Id">@{if (@item.FileMd5 != ""){<tdclass=" even sorting_1"><imgsrc="@item.FileIcon"alt="" /> <spanid="sp-@item.Id">@item.FileName</span></td><tdclass="center ">@item.FileSize  字节</td>}else{<tdclass=" even sorting_1"><ahref="FileList?path=@item.FolderPath@item.FileName"id="lnkFolder-@item.Id"onclick="clickFolder('sp-@item.Id')"><imgsrc="@item.FileIcon"alt="@item.FileName" /><spanid="sp-@item.Id">@item.FileName</span></a></td><tdclass="center "></td>}}<tdclass="center ">@item.ModifyDt</td><tdclass="center "><aclass="btn btn-info"href="javascript:void(0)"onclick="editFile(@item.Id,'@item.FileName')"><iclass="glyphicon glyphicon-edit icon-white"></i>编辑</a><aclass="btn btn-danger"href="javascript:void(0)"onclick="deleteFile(@item.Id)"><iclass="glyphicon glyphicon-trash icon-white"></i>删除</a>@{ if (@item.FileMd5 != ""){<aclass="btn btn-success"href="/Home/DownLoadFile?fileId=@item.Id"><iclass="glyphicon glyphicon-zoom-in icon-white"></i>下载</a>}}</td></tr>}</tbody></table></div>
</div>
<divclass="modal fade"id="modal-edit"tabindex="-1"role="dialog"aria-labelledby="myModalLabel"aria-hidden="true"><divclass="modal-dialog"><divclass="modal-content"><divclass="modal-header"><buttontype="button"class="close"data-dismiss="modal">×</button><h3id="alertTitlte">编辑</h3></div><divclass="modal-body"></div><divclass="modal-footer"><ahref="#"class="btn btn-default"data-dismiss="modal"id="lnkCancel">取消</a><ahref="#"class="btn btn-primary"data-dismiss="modal"id="lnkSave">保存</a></div></div></div>
</div><formaction="UploadFile"id="fileForm"method="post"enctype="multipart/form-data"target="fileFrame"><inputtype="file"accept="*/*"style="display:none"id="btnFile"name="fileData" /><inputtype="hidden"id="hdFilePath"name="filePath"value="" /><inputtype="hidden"id="hdcallbackInfo"name="name"value="" />
</form><iframestyle="display:none"name="fileFrame"id="fileFrame"></iframe>
<script>functionCurentTime() {varnow= newDate();varyear=now.getFullYear();//年varmonth=now.getMonth()+ 1;//月varday=now.getDate();//日varhh=now.getHours();//时varmm=now.getMinutes();//分varclock=year+ "-";if(month< 10)clock+= "0";clock+=month+ "-";if(day< 10)clock+= "0";clock+=day+ " ";if(hh< 10)clock+= "0";clock+=hh+ ":";if(mm< 10) clock+= '0';clock+=mm;return(clock);};//上传成功后，单击确定，更新刚刚拼接文件信息functionshowMsg(msg, callbackInfo) {if(msg) {$(".modal-body").html(msg);//回调信息
$("#hdcallbackInfo").val(callbackInfo);console.log(callbackInfo);//为确定按钮注册单击事件，确定后更新拼接在列表上的文件信息
$('#fileListSure').bind('click',function() {varfileInfo=$("#hdcallbackInfo").val();console.log(fileInfo);fileInfo=JSON.parse(fileInfo);$("#fileDownLoad").attr("href","/Home/DownLoadFile?fileId=" +fileInfo.Id);$("#fileName").html('<img src="' +fileInfo.FileIcon+ '" id="fileicon" alt="" />' +fileInfo.FileName+ '');});$("#myModal").modal("show");};};//创建文件夹
$('#btnNewFolder').click(function() {//设置弹出框标题vartitle=$('#alertTitlte').html();//从url中获取当前目录varurl=window.location.href;console.log(url);if(url.indexOf('path')> 1) {$('#hdFilePath').val(url.split('=')[1]);};$('#alertTitlte').html('新建文件夹');//清空弹出框内容
$(".modal-body").html('');$(".modal-body").html('<input type="text" placeholder="请输入名称" class="form-control" name="name" value="新建文件夹" id="txtFileName" />');$('#txtFileName').val('');$('#modal-edit').modal('show');$('#txtFileName').val('新建文件夹');$('#lnkSave').unbind('click');$('#lnkSave').bind('click',function() {$.post('CreateFolder', { folderName: $('#txtFileName').val(), folderPath: $('#hdFilePath').val() },function(data) {data=JSON.parse(data);varfolder=data.folder;if(data.code== 200) {$('<tr class="odd">   <td class=" even sorting_1" id="fileName"> <a href="#" id="lnkFolder-' +folder.Id+ '" οnclick="clickFolder(sp-' +folder.Id+ ')"><img src="/Content/Images/FolderType.png" id="fileicon" alt="" />' +folder.FileName+ '</a></td><td class="center"></td><td class="center ">' +CurentTime()+ '</td><td class="center "><a class="btn btn-info" href="#"  id="fileEdit"> <i class="glyphicon glyphicon-edit icon-white"></i> 编辑 &nbsp;</a><a class="btn btn-danger" href="#"><i class="glyphicon glyphicon-trash icon-white" id="fileDelete"></i> 删除 </a> </td></tr>').insertBefore($('#fileList tbody'));};//还原弹出框标题
$('#alertTitlte').html(title);});});});//编辑文件名functioneditFile(fileId, fileName) {$(".modal-body").html('');$(".modal-body").html('<input type="text" placeholder="请输入名称" class="form-control" name="name" value="' +fileName+ '" id="txtFileName" />');$("#modal-edit").modal('show');//弹出框注册取消，保存事件
$('#lnkCancel').click(function() {//单机取消，清空内容
$("#txtFileName").val('');});//首先移除已经绑定的单机事件
$('#lnkSave').unbind('click');$('#lnkSave').bind('click',function() {varfile={fileId: fileId,fileNewName: $('#txtFileName').val()};$.post("/Home/EditFileName", file,function(data) {data=JSON.parse(data);if(data.code== 200) {$('#sp-' +fileId).html(file.fileNewName);}});});};functiondeleteFile(fileId) {console.log(fileId);$.getJSON("/Home/DeleteFile?fileId=" +fileId,function(data) {console.log(data.code);if(data.code== 4) {$("#tr-" +fileId).remove();};});};$('#btnUpload').click(function() {//从url中获取当前目录varurl=window.location.href;console.log(url);if(url.indexOf('path')> 1) {$('#hdFilePath').val(url.split('=')[1]);};$("#btnFile").click();});$("#btnFile").change(function() {varfiles= this.files;for(vari= 0; i<files.length; i++) {varfile=files[i];console.log(file);$('<tr class="odd">   <td class=" even sorting_1" id="fileName"><img src="/Content/Images/othertype.png" id="fileicon" alt="" />' +file.name+ '</td><td class="center">' +file.size+ '字节</td><td class="center ">' +CurentTime()+ '</td><td class="center "><a class="btn btn-info" href="#" id="fileEdit" > <i class="glyphicon glyphicon-edit icon-white"></i> 编辑 </a><a class="btn btn-danger" href="#"><i class="glyphicon glyphicon-trash icon-white" id="fileDelete"></i> 删除 </a>  <a class="btn btn-success" href="#" id="fileDownLoad"><i class="glyphicon glyphicon-zoom-in icon-white"></i> 下载  </a></td></tr>').appendTo($('#fileList tbody'));};$('#fileForm').submit();});</script>

测试

总结

将新建文件夹与上传文件功能组合。