MVC_WebUploader上傳大文件

時間 2019-11-29

標籤 mvc webuploader 上傳文件简体版

原文原文鏈接

前臺代碼javascript

<div id="wrapper">java

<div id="container">app

post

<div id="uploader">ui

<div class="queueList">spa

<div id="dndArea" class="placeholder">orm

<div id="filePicker"></div>server

</div>排序

</div>圖片

</div><div class="info"></div>

</div>

後臺代碼

[HttpPost]

public ActionResult ChunkUpload()//切片

{

double n = 100.0 / 500.0;

string newFolderName = ((n + 1) * 2000).ToString();

//若是進行了分片

if (Request.Form.AllKeys.Any(m => m == "chunk"))

{

//取得chunk和chunks

int chunk = Convert.ToInt32(Request.Form["chunk"]);//當前分片在上傳分片中的順序（從0開始）

int chunks = Convert.ToInt32(Request.Form["chunks"]);//總分片數

//根據GUID建立用該GUID命名的臨時文件夾

string folder = Path.Combine(HttpRuntime.AppDomainAppPath, "Media\\Default\\MediaLibrary/" + newFolderName + "/" + Request["guid"] + "/");

if (!System.IO.Directory.Exists(folder))

{

Directory.CreateDirectory(folder);

}

string path = folder + chunk;

//創建臨時傳輸文件夾

if (!Directory.Exists(Path.GetDirectoryName(folder)))

{

Directory.CreateDirectory(folder);

}

FileStream addFile = new FileStream(path, FileMode.Append, FileAccess.Write);

BinaryWriter AddWriter = new BinaryWriter(addFile);

//得到上傳的分片數據流

var file = Request.Files[0];

Stream stream = file.InputStream;

BinaryReader TempReader = new BinaryReader(stream);

//將上傳的分片追加到臨時文件末尾

AddWriter.Write(TempReader.ReadBytes((int)stream.Length));

//關閉BinaryReader文件閱讀器

TempReader.Close();

stream.Close();

AddWriter.Close();

addFile.Close();

TempReader.Dispose();

stream.Dispose();

AddWriter.Dispose();

addFile.Dispose();

return Json(new { chunked = true, hasError = false, f_ext = Path.GetExtension(file.FileName) });

}

else//沒有分片直接保存

{

Request.Files[0].SaveAs(Path.Combine(HttpRuntime.AppDomainAppPath, "Media\\Default\\MediaLibrary/" + newFolderName + "/" + DateTime.Now.ToFileTime() + Path.GetExtension(Request.Files[0].FileName)));

return Json(new { chunked = true, hasError = false });

}

[HttpPost]

public ActionResult Layer(FormCollection collection)//整合切片刪除切片

{

try

{

double n = 100.0 / 500.0;

string newFolderName = ((n + 1) * 2000).ToString();

if (Request.Form.AllKeys.Any(m => m == "chunk"))//判斷是否切片

{

var guid = Request["guid"];//GUID

var uploadDir = Path.Combine(HttpRuntime.AppDomainAppPath, "Media\\Default\\MediaLibrary/" + newFolderName);//Upload 文件夾

if (!System.IO.Directory.Exists(uploadDir))

{

Directory.CreateDirectory(uploadDir);

}

var dir = Path.Combine(uploadDir, guid);//臨時文件夾

var ext = Path.GetExtension(Request["fileName"]);//獲取文件後綴名

var files = Directory.GetFiles(dir);//得到下面的全部切片文件

var name = DateTime.Now.ToFileTime().ToString() + ext;

var finalPath = Path.Combine(uploadDir, name);//最終的文件名

var fs = new FileStream(finalPath, FileMode.Create);

foreach (var part in files.OrderBy(x => x.Length).ThenBy(x => x))//排序，保證從0-N

{

var bytes = System.IO.File.ReadAllBytes(part);

fs.Write(bytes, 0, bytes.Length);

bytes = null;

System.IO.File.Delete(part);//刪除分塊

}

fs.Flush();

fs.Close();

Directory.Delete(dir);//刪除文件夾

return Json(new { r = 1, path = "Media\\Default\\MediaLibrary/" + newFolderName + "/" + name });

}

return Json(new { r = 1, path = "Media\\Default\\MediaLibrary/" + newFolderName + "/" + DateTime.Now.ToFileTime() + Path.GetExtension(Request["fileName"]) });

}

catch (Exception ex)

{

return Json(new { r = 0, err = ex.Message });

}

javascript主要代碼（upload.js內）

var GUID = WebUploader.Base.guid();//一個GUID

// 實例化

uploader = WebUploader.create({

pick: {

id: '#filePicker',

label: '點擊選擇文件',