這篇文章主要講解了“ASP.NET MVC5如何實(shí)現(xiàn)文件上傳與地址變化處理”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“ASP.NET MVC5如何實(shí)現(xiàn)文件上傳與地址變化處理”吧！
創(chuàng)新互聯(lián)公司是一家專(zhuān)注于
成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)與策劃設(shè)計(jì),錯(cuò)那網(wǎng)站建設(shè)哪家好?
創(chuàng)新互聯(lián)公司做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:錯(cuò)那等地區(qū)。錯(cuò)那做網(wǎng)站價(jià)格咨詢(xún):18982081108
一.上傳文件和重復(fù)文件處理
文件處理的原則是：不在數(shù)據(jù)庫(kù)中保存文件，只在數(shù)據(jù)庫(kù)中保存文件信息（Hash值等）。采取文件的MD5重命名文件在一般情況足夠處理文件的重復(fù)問(wèn)題，強(qiáng)迫癥傾向則可以考慮將MD5和其他摘要算法結(jié)合。
public static string Save(HttpPostedFileBase file, string path)
{
var root = "~/Upload/" + path + "/";
var phicyPath = HostingEnvironment.MapPath(root);
Directory.CreateDirectory(phicyPath);
var fileName = Md5(file.InputStream) + file.FileName.Substring(file.FileName.LastIndexOf('.'));
file.SaveAs(phicyPath + fileName);
return fileName;
}
二.單獨(dú)文件上傳
網(wǎng)站Logo、分類(lèi)圖標(biāo)等各種場(chǎng)景需要單獨(dú)文件上傳的處理。通過(guò)使用UIHintAttribute或自定義繼承自UIHintAttribute的特性我們將文件上傳的前端邏輯的重復(fù)代碼消滅，使用統(tǒng)一的視圖文件處理。曾經(jīng)使用過(guò)Uplodify和AjaxFileUploader，前者存在flash依賴(lài)和cookie問(wèn)題，后者基本已經(jīng)過(guò)時(shí)。此處我們采用KindEditor中的文件上傳組件作為演示。非Flash的支持IE6+的方案的核心都是通過(guò)iframe方式實(shí)現(xiàn)偽AJax上傳，核心還是通過(guò)html form post到服務(wù)器。
public class UploadModel
{
[Display(Name = "圖標(biāo)")]
[UIHint("Upload")]
public string Image { get; set; }
[Display(Name = "簡(jiǎn)單模式")]
[UIHint("Editor")]
[AdditionalMetadata("useSimple", true)]
public string Text1 { get; set; }
[Display(Name = "標(biāo)準(zhǔn)模式")]
[UIHint("Editor")]
public string Text2 { get; set; }
}
在我們的實(shí)際項(xiàng)目中采取繼承UIHintAttribute的方式，其中的path路徑指定存儲(chǔ)的下級(jí)地址，類(lèi)似的還有DropDownAttribute、EditorAtrribute等等。僅供參考。
[AttributeUsage(AttributeTargets.Property)]
public class UploadAttribute : UIHintAttribute, IMetadataAware
{
public string Path { get; private set; }
public UploadAttribute(string path = "")
: base("Upload")
{
this.Path = path;
}
public virtual void OnMetadataCreated(ModelMetadata metadata)
{
metadata.AdditionalValues.Add("Path", this.Path);
}
}Razor：在Shared中添加EditorTemplates文件夾，新建Upload.cshtml文件。
三.編輯器中的文件上傳
編輯器中的文件上傳和單獨(dú)文件上傳的主要區(qū)別是上傳后返回值的處理，編輯器需要將url插入到編輯的位置。編輯器采用過(guò)CKeditor和UMeditor，兩者都需要我改源代碼才能處理路徑問(wèn)題。上傳地址和返回值的配置如果不能方便的視圖中調(diào)整的編輯器，我個(gè)人不認(rèn)為是好編輯器，這就好比一個(gè)類(lèi)庫(kù)沒(méi)法擴(kuò)展和自定義配置一樣。仍然采用KindEditor作為演示。Editor.cshtml的
var editor;
KindEditor.ready(function (K) {
editor = K.create('textarea[name="@Html.IdForModel()"]', {
resizeType: 1,
allowPreviewEmoticons: false,
allowImageUpload: true,
uploadJson: '@UploadManager.UploadUrl',
formatUploadUrl: false,
allowFileManager: false
@if(useSimple)
{
, items: [
'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
'insertunorderedlist', '|', 'emoticons', 'image', 'link']
}
});
});
四.處理文章中的圖片路徑
重頭戲來(lái)了，這個(gè)看似問(wèn)題可以回避，其實(shí)真的無(wú)法回避。更換目錄、域名和端口，使用子域名或其他域名作為圖片服務(wù)器等等，這些情況讓我們必須處理好這個(gè)問(wèn)題，否則日后會(huì)浪費(fèi)更多的時(shí)間。這不是小問(wèn)題，打開(kāi)支持插入圖片的各個(gè)網(wǎng)站的編輯器，查看一下圖片的路徑，大多是絕對(duì)url的，又或者只基于根目錄的。如果你以產(chǎn)品的形式提供給客戶(hù)，更不可能要求客戶(hù)自己挨個(gè)替換文章中的路徑了。
1.在數(shù)據(jù)庫(kù)中不存儲(chǔ)文件路徑，使用URL路徑作為存儲(chǔ)。
2.使用html base元素解決相對(duì)路徑的引用問(wèn)題。
就是base元素，可能有的人認(rèn)為這個(gè)base可有可無(wú)，但在處理圖片路徑的問(wèn)題上，沒(méi)有比base更簡(jiǎn)潔更優(yōu)雅的方案了。至少我沒(méi)有也沒(méi)找到過(guò)。其實(shí)可以把全部的靜態(tài)資源都移除到外部存儲(chǔ)，如果你需要。在測(cè)試時(shí)，我們切換回使用本地存儲(chǔ)。
@{
var baseUrl = UploadManager.UrlPrefix;
}
@ViewBag.Title
@RenderSection("head",false)
@RenderBody()
五.處理上傳地址的變化
我們需要獨(dú)立的圖片服務(wù)器處理上傳或者使用第三方的圖片存儲(chǔ)服務(wù)時(shí)，我們的上傳地址改變了，如果剛剛提到的圖片路徑一樣，因此我們將上傳路徑和圖片路徑都采取配置的方式方便更改，我們就曾經(jīng)切換到又拍云又切換到自有的服務(wù)器。在我的實(shí)際使用時(shí)配置在數(shù)據(jù)中使用時(shí)采用緩存。為了便于演示我們直接使用配置文件。
首先定義配置文件的處理程序
public class UploadConfig : IConfigurationSectionHandler
{
public object Create(object parent, object configContext, System.Xml.XmlNode section)
{
var config = new UploadConfig();
var urloadUrlNode = section.SelectSingleNode("UploadUrl");
if (urloadUrlNode != null && urloadUrlNode.Attributes != null && urloadUrlNode.Attributes["href"] != null)
{
config.UploadUrl = Convert.ToString(urloadUrlNode.Attributes["href"].Value);
}
var urlPrefixNode = section.SelectSingleNode("UrlPrefix");
if (urlPrefixNode != null && urlPrefixNode.Attributes != null && urlPrefixNode.Attributes["href"] != null)
{
config.UrlPrefix = Convert.ToString(urlPrefixNode.Attributes["href"].Value);
}
return config;
}
public string UploadUrl { get; private set; }
public string UrlPrefix { get; private set; }
}
在web.config中配置
使用UploadMange緩存和管理配置
public static class UploadManager
{
private static string uploadUrl;
private static string urlPrefix;
static UploadManager()
{
var config = ConfigurationManager.GetSection("UploadConfig") as UploadConfig;
var url = config != null && !string.IsNullOrEmpty(config.UploadUrl) ? config.UploadUrl : "~/File/Upload";
uploadUrl = url.StartsWith("~") ? UploadHelper.GetUrlFromVisualPath(url) : url;
var prefix = config != null && !string.IsNullOrEmpty(config.UrlPrefix) ? config.UrlPrefix : "~/Upload";
urlPrefix = prefix.StartsWith("~") ? UploadHelper.GetUrlFromVisualPath(prefix) : prefix;
}
public static string UploadUrl
{
get
{
return uploadUrl;
}
}
public static string UrlPrefix
{
get
{
return urlPrefix;
}
}
}文件Hash的Md5、返回值的Json處理、完整URL的生成和文件的保存這些具體技術(shù)的依賴(lài)為了便于演示，統(tǒng)一放置在UploadHelper中，因?yàn)檫@些不是重點(diǎn)。實(shí)際應(yīng)用中可以采取接口隔離并通過(guò)IoC注入的方式解耦。
感謝各位的閱讀，以上就是“ASP.NET MVC5如何實(shí)現(xiàn)文件上傳與地址變化處理”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)ASP.NET MVC5如何實(shí)現(xiàn)文件上傳與地址變化處理這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
網(wǎng)頁(yè)題目：ASP.NETMVC5如何實(shí)現(xiàn)文件上傳與地址變化處理-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：
http://weahome.cn/article/jgogg.html
重慶分公司
重慶分公司
