快捷導(dǎo)航

C#正則表達(dá)式匹配HTML中的圖片路徑，圖片地址代碼

更新時(shí)間：2013年12月26日 17:51:49 作者：

最近的項(xiàng)目中有個(gè)關(guān)于網(wǎng)頁(yè)取圖的功能需要我自己開發(fā)，那就是用正則表達(dá)式來(lái)匹配圖片標(biāo)簽，這里簡(jiǎn)單介紹下實(shí)現(xiàn)方法，需要的朋友可以參考下

一般來(lái)說(shuō)一個(gè) HTML 文檔有很多標(biāo)簽，比如“<html>”、“<body>”、“<table>”等，想把文檔中的 img 標(biāo)簽提取出來(lái)并不是一件容易的事。由于 img 標(biāo)簽樣式變化多端，使提取的時(shí)候用程序?qū)ふ也⒉蝗菀?。于是想要尋找它們就必須寫一個(gè)非常健全的正則表達(dá)式，不然有可能會(huì)找得不全，或者找出來(lái)的不是正確的 img 標(biāo)簽。
我們可以從 HTML 標(biāo)簽的格式去想應(yīng)該怎么建這個(gè)正則表達(dá)式。首先要想一下 img 標(biāo)簽有幾種寫法，忽略大小寫不看的話，下面列出 img 標(biāo)簽可能出現(xiàn)的幾種情況。
<img> <img/> <img src=/>
這一些標(biāo)簽不用考慮，因?yàn)闆]有圖片資源地址。
<img src = /images/pic.jpg/ > <img src =" /images/pic.jpg" > <img src= '/images/pic.jpg ' / >
這一些標(biāo)簽都有圖片資源地址，另外還有一個(gè)特點(diǎn)就是有引號(hào)對(duì)，可能為單引號(hào)，也可能為雙引號(hào)。因?yàn)椴恍枰瑫r(shí)匹配引號(hào)對(duì)，所以正則表達(dá)式可以這么寫：@"<img\s*src\s*=\s*[""']?\s*(?[^\s""'<>]*)\s*/?\s*>"
<img width="320" height="240" src=/images/pic.jpg onclick="window.open('/images/pic.jpg')">
因?yàn)?img 和 src 之間可能會(huì)有其他的參數(shù)，所以“<img”要有個(gè)單詞結(jié)束，比如說(shuō)不能是“<imgabc”，同樣 src 前面也是一樣，使用單詞結(jié)束符“\b”有一個(gè)好處就是省去了表示空格的“\s*”。另外由于 img 標(biāo)簽中不可以出現(xiàn)“<”、“>”這樣的符號(hào)，所以要改寫前面的正則表達(dá)式：@"<img\b[^<>]*?\bsrc\s*=\s*[""']?\s*(?<imgUrl>[^\s""'<>]*)[^<>]*?/?\s*>"
<img width="320" height="240" src = "
/images/pic.jpg" />
像這種可能會(huì)用回車符折行的問題有時(shí)候會(huì)出現(xiàn)，所以在有空格分開的地方要包含回車換行和 TAB 字符，另外在圖片地址中不能出現(xiàn)空格、TAB、回車和換行字符。所以上面的正則表達(dá)式可以改成：@"<img\b[^<>]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r \n]*(?<imgUrl>[^\s\t\r\n""'<>]*)[^<>]*?/?[\s\t\r\n]*>"
下面寫出取得HTML中所有圖片地址的靜態(tài)方法。

復(fù)制代碼代碼如下:

/// <summary>         /// 取得HTML中所有圖片的 URL。
        /// </summary>         /// <param name="sHtmlText">HTML代碼</param>         /// <returns>圖片的URL列表</returns>         public static string[] GetHtmlImageUrlList(string sHtmlText)
        {
            // 定義正則表達(dá)式用來(lái)匹配 img 標(biāo)簽             Regex regImg = new Regex(@"<img\b[^<>]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r\n]*(?<imgUrl>[^\s\t\r\n""'<>]*)[^<>]*?/?[\s\t\r\n]*>", RegexOptions.IgnoreCase);

// 搜索匹配的字符串 MatchCollection matches = regImg.Matches(sHtmlText);

int i = 0;
string[] sUrlList = new string[matches.Count];

// 取得匹配項(xiàng)列表 foreach (Match match in matches)
sUrlList[i++] = match.Groups["imgUrl"].Value;

return sUrlList;
}

您可能感興趣的文章: