原因
最近遇到一個(gè)以前一直忽略的問(wèn)題昵骤，在項(xiàng)目中如果一些富文本里需要上傳圖片地梨，這些圖片是保存在本地的，那存儲(chǔ)圖片路徑時(shí)就涉及到要保存完整路徑還是相對(duì)路徑煤率。
分析
- 在前后端不分離的項(xiàng)目中皿渗，圖片和富文本編輯器所在的頁(yè)面是同域的斩芭，使用相對(duì)路徑也可以在富文本編輯器里展示圖片，故而數(shù)據(jù)庫(kù)中保存相對(duì)路徑即可乐疆。
- 但是在前后端分離的項(xiàng)目中就不可以划乖，圖片無(wú)法加載，這時(shí)候需要使用完整路徑才能展示圖片挤土。
這時(shí)候如果直接在數(shù)據(jù)庫(kù)中保存完整路徑的話琴庵，一旦需要更換域名，到時(shí)候再更新數(shù)據(jù)庫(kù)中保存的域名，那將是噩夢(mèng)细卧！
思路
要解決上述問(wèn)題尉桩，需要做一些操作，比如在保存富文本內(nèi)容時(shí)贪庙，把圖片地址的域名給移除，需要讀取富文本內(nèi)容時(shí)翰苫，再把圖片地址的域名加上止邮，予以完善。
代碼
- 保存時(shí)移除Html中src的域名奏窑，支持英文域名和IP地址导披，支持?jǐn)y帶或不攜帶端口
/// <summary>
/// 移除HTML中SRC標(biāo)簽內(nèi)容里的域名
/// 包含英文域名或IP地址，支持?jǐn)y帶或不攜帶端口
/// </summary>
/// <param name="html">HTML代碼</param>
/// <returns></returns>
public static string RemoveHtmlSrcDomainName(string html)
{
if (string.IsNullOrEmpty(html))
{
return "";
}
/*
* 正則解釋
* 第一部分：(<\s*[^>]*?src\s*=\s*[""']?)埃唯，匹配src及之前的內(nèi)容
* 第二部分：((?:http|https)?://[a-zA-z0-9]+(?:\.[a-zA-z0-9]+)*:{0,1}\d{0,5})撩匕，匹配以http協(xié)議或https協(xié)議開(kāi)頭的，英文域名或IP地址墨叛，可攜帶最長(zhǎng)5為數(shù)字的端口號(hào)
* 第三部分：([^>]*?>)止毕，匹配src之后的內(nèi)容
*
* 替換解釋?zhuān)? * 正則表達(dá)式一共匹配出了三部分，用$1表示第一部分漠趁，$2表示第二部分扁凛，$3表示第三部分
* 如果只是移除域名，則最終替換后的格式就是："$1$3"
* 如果需要把域名替換為其他字符串闯传，比如/resource/谨朝，則最終替換后的格式就是："$1/resource/$3"
*
* RegexOptions.IgnoreCase：忽略大小寫(xiě)
*/
return Regex.Replace(html, @"(<\s*[^>]*?src\s*=\s*[""']?)((?:http|https)?://[a-zA-z0-9]+(?:\.[a-zA-z0-9]+)*:{0,1}\d{0,5})([^>]*?>)", "$1$3", RegexOptions.IgnoreCase);
}
這種方式可以最大限度的避免把不改移除的域名給移除掉，比如富文本里的文字中正好有要移除掉的域名甥绿，如果簡(jiǎn)單粗暴的使用Replace就會(huì)把所有符合條件的域名都移除字币，這里就可以避免。
- 讀取時(shí)完善域名
/// <summary>
/// 補(bǔ)充完善HTML中SRC標(biāo)簽內(nèi)容里的域名
/// </summary>
/// <param name="html">HTML代碼</param>
/// <param name="domain">域名</param>
/// <returns></returns>
public static string ComplementHtmlSrcDomainName(string html, string domain)
{
if (string.IsNullOrEmpty(html) || string.IsNullOrEmpty(domain))
{
return "";
}
return Regex.Replace(html, @"(<\s*[^>]*?)src=([""'])(?!((http|https)?://))([^""']+)", $"$1src=$2{domain}$5", RegexOptions.IgnoreCase);
}
小結(jié)
經(jīng)測(cè)試共缕，移除和完善都可正常使用洗出。但是這里只對(duì)具有src屬性的html標(biāo)簽起作用，如果需要在其他屬性中（比如href）也使用類(lèi)似的功能骄呼，可自行進(jìn)行優(yōu)化共苛。
