Url相對(duì)路徑的問(wèn)題總結(jié)
更新時(shí)間：2012年11月01日 21:59:32 作者：
很多時(shí)候,我們?cè)趫D片或者其他（a標(biāo)簽，flash）中指定鏈接的時(shí)候，我們需要選擇是使用絕對(duì)路徑，或者是相對(duì)路徑.
最讓人擔(dān)心的是，有時(shí)候必須使用絕對(duì)路徑(如asp.net中的master內(nèi)容)，因?yàn)樘幱陂_發(fā)過(guò)程，沒(méi)有目標(biāo)地址，也就無(wú)法配置絕對(duì)路徑。有時(shí)確必須使用相對(duì)路徑。
但是相對(duì)路徑寫好了，卻存在各種各樣的問(wèn)題。
今天，我介紹大家兩種不一樣的方法。
首先介紹最簡(jiǎn)單的就是HTML5里新增的Base標(biāo)簽。
我們看它的用法，必須包含在head標(biāo)簽中。
<head>
<base target="_blank" href="www.Test.com" />
</head>
最重要的是,base標(biāo)簽配置好以后，瀏覽器將不再使用當(dāng)前文檔內(nèi)的相對(duì)URL，而使用指定的基本 URL 來(lái)解析所有的相對(duì) URL。
看上圖，如果你的<a>、<img>、<link>、<form> 標(biāo)簽中的URL為"chamychen.jpg",那么瀏覽器會(huì)在鏈接地址時(shí)自動(dòng)在此URL前加上base標(biāo)簽中指定的href地址，其打開方式也將遵循Base標(biāo)簽中設(shè)定的target屬性。那么以后，我們可以在master,mvc可以在layout.shtml中設(shè)置base標(biāo)簽，來(lái)解決頭疼的絕對(duì)徑路和相對(duì)徑路的問(wèn)題。我們以后，可以把所有的相對(duì)徑路，都設(shè)置成從網(wǎng)站根目錄下開始。Base中配置網(wǎng)址就可以，解決所有的相對(duì)路徑和絕對(duì)路徑的問(wèn)題了。
針對(duì)不支持html5的瀏覽器，其實(shí)我們可以使用C#寫幾句代碼，就可以獲取網(wǎng)站根目錄的地址了：
public static string HostUrl()
{
String path = HttpContext.Current.Request.Url.Scheme + "://" +
HttpContext.Current.Request.Url.Authority +
(HttpContext.Current.Request.ApplicationPath == "/" ? "" : HttpContext.Current.Request.ApplicationPath);
return path;
}
綜上所述：你只需要使用“網(wǎng)址+相對(duì)路徑”的方式就能夠處理因相對(duì)徑路引發(fā)的問(wèn)題。
如：http://www.Test.com/ab/abc.jpg
可以使用Base標(biāo)簽：
<head>
<base target="_blank" href="www.Test.com" />
</head>
相對(duì)路徑寫成：<img src="ab/abc.jpg"/>
如果使用多C#來(lái)支持：則為HostUrl()+"ab/abc.jpg"
但是相對(duì)路徑寫好了，卻存在各種各樣的問(wèn)題。
今天，我介紹大家兩種不一樣的方法。
首先介紹最簡(jiǎn)單的就是HTML5里新增的Base標(biāo)簽。
我們看它的用法，必須包含在head標(biāo)簽中。
復(fù)制代碼 代碼如下:
<head>
<base target="_blank" href="www.Test.com" />
</head>
最重要的是,base標(biāo)簽配置好以后，瀏覽器將不再使用當(dāng)前文檔內(nèi)的相對(duì)URL，而使用指定的基本 URL 來(lái)解析所有的相對(duì) URL。
看上圖，如果你的<a>、<img>、<link>、<form> 標(biāo)簽中的URL為"chamychen.jpg",那么瀏覽器會(huì)在鏈接地址時(shí)自動(dòng)在此URL前加上base標(biāo)簽中指定的href地址，其打開方式也將遵循Base標(biāo)簽中設(shè)定的target屬性。那么以后，我們可以在master,mvc可以在layout.shtml中設(shè)置base標(biāo)簽，來(lái)解決頭疼的絕對(duì)徑路和相對(duì)徑路的問(wèn)題。我們以后，可以把所有的相對(duì)徑路，都設(shè)置成從網(wǎng)站根目錄下開始。Base中配置網(wǎng)址就可以，解決所有的相對(duì)路徑和絕對(duì)路徑的問(wèn)題了。
針對(duì)不支持html5的瀏覽器，其實(shí)我們可以使用C#寫幾句代碼，就可以獲取網(wǎng)站根目錄的地址了：
復(fù)制代碼 代碼如下:
public static string HostUrl()
{
String path = HttpContext.Current.Request.Url.Scheme + "://" +
HttpContext.Current.Request.Url.Authority +
(HttpContext.Current.Request.ApplicationPath == "/" ? "" : HttpContext.Current.Request.ApplicationPath);
return path;
}
綜上所述：你只需要使用“網(wǎng)址+相對(duì)路徑”的方式就能夠處理因相對(duì)徑路引發(fā)的問(wèn)題。
如：http://www.Test.com/ab/abc.jpg
可以使用Base標(biāo)簽：
<head>
<base target="_blank" href="www.Test.com" />
</head>
相對(duì)路徑寫成：<img src="ab/abc.jpg"/>
如果使用多C#來(lái)支持：則為HostUrl()+"ab/abc.jpg"
相關(guān)文章
C#使用whisper.net實(shí)現(xiàn)語(yǔ)音識(shí)別功能
這篇文章主要為大家詳細(xì)介紹了C#如何使用whisper.net實(shí)現(xiàn)語(yǔ)音識(shí)別功能,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以學(xué)習(xí)一下2023-11-11
這篇文章主要介紹了C#簡(jiǎn)單實(shí)現(xiàn)文件上傳功能，利用MVC+EF+LigerUI 實(shí)現(xiàn)的upload上傳功能，感興趣的小伙伴們可以參考一下2016-03-03
文章介紹了命名空間在C#編程中的作用,包括命名空間的定義與使用、using關(guān)鍵字的使用以及嵌套命名空間的實(shí)現(xiàn),通過(guò)這些機(jī)制,開發(fā)者可以有效地組織和隔離代碼,避免命名沖突,提高代碼的可讀性和可維護(hù)性2024-12-12
C# SQLite序列操作實(shí)現(xiàn)方法詳解
這篇文章主要介紹了C# SQLite序列操作實(shí)現(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了C#實(shí)現(xiàn)SQLite序列操作的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-07-07
c#實(shí)現(xiàn)適配器模式的項(xiàng)目實(shí)踐
適配器模式將一個(gè)類的接口轉(zhuǎn)換成客戶希望的另一個(gè)接口,使得原本由于接口不兼容而不能一起工作的那些類可以一起工作,本文主要介紹了c#實(shí)現(xiàn)適配器模式的項(xiàng)目實(shí)踐,感興趣的可以一起來(lái)了解一下2023-08-08
這篇文章主要介紹了c# 異步編程入門的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用c#,感興趣的朋友可以了解下2021-03-03
C#通過(guò)rabbitmq實(shí)現(xiàn)定時(shí)任務(wù)(延時(shí)隊(duì)列)
工作中經(jīng)常會(huì)有定時(shí)任務(wù)的需求,常見(jiàn)的做法可以使用Timer、Quartz、Hangfire等組件，本文使用C#通過(guò)rabbitmq實(shí)現(xiàn)定時(shí)任務(wù)(延時(shí)隊(duì)列)，感興趣的可以了解一下2021-05-05
C#自定義DataGridViewColumn顯示TreeView
我們可以自定義DataGridView的DataGridViewColumn來(lái)實(shí)現(xiàn)自定義的列，下面介紹一下如何通過(guò)擴(kuò)展DataGridViewColumn來(lái)實(shí)現(xiàn)一個(gè)TreeViewColumn2015-12-12
C#中事件處理的個(gè)人體會(huì)...2007-03-03
C#使?XmlReader和XmlWriter操作XML?件
這篇文章介紹了C#使?XmlReader和XmlWriter操作XML?件的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06