一般來說一個 html 文檔有很多标簽,比如“<html>”、“<body>”、“<table>”等,想把文檔中的 img 标簽提取出來并不是一件容易的事。由于 img 标簽樣式變化多端,使提取的時候用程式尋找并不容易。于是想要尋找它們就必須寫一個非常健全的正規表達式,不然有可能會找得不全,或者找出來的不是正确的 img 标簽。
我們可以從 html 标簽的格式去想應該怎麼建這個正規表達式。首先要想一下 img 标簽有幾種寫法,忽略大小寫不看的話,下面列出 img 标簽可能出現的幾種情況。
<img> <img/> <img src=/>
這一些标簽不用考慮,因為沒有圖檔資源位址。
<img src = /images/pic.jpg/ > <img src =" /images/pic.jpg" > <img src= '/images/pic.jpg ' / >
這一些标簽都有圖檔資源位址,另外還有一個特點就是有引号對,可能為單引号,也可能為雙引号。因為不需要同時比對引号對,是以正規表達式可以這麼寫:@"<img\s*src\s*=\s*[""']?\s*(?[^\s""'<>]*)\s*/?\s*>"
<img width="320" height="240" src=/images/pic.jpg onclick="window.open('/images/pic.jpg')">
因為 img 和 src 之間可能會有其他的參數,是以“<img”要有個單詞結束,比如說不能是“<imgabc”,同樣 src 前面也是一樣,使用單詞結束符“\b”有一個好處就是省去了表示空格的“\s*”。另外由于 img 标簽中不可以出現“<”、“>”這樣的符号,是以要改寫前面的正規表達式:@"<img\b[^<>]*?\bsrc\s*=\s*[""']?\s*(?<imgurl>[^\s""'<>]*)[^<>]*?/?\s*>"
<img width="320" height="240" src = "
/images/pic.jpg" />
像這種可能會用回車符折行的問題有時候會出現,是以在有空格分開的地方要包含回車換行和 tab 字元,另外在圖檔位址中不能出現空格、tab、回車和換行字元。是以上面的正規表達式可以改成:@"<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中所有圖檔位址的靜态方法。