html中正則匹配img

1.正則匹配html中的img標簽，取出img的url並進行圖片文件下載；

        /// <summary>
        /// 將image標簽的src屬性的url替換為base64
        /// </summary>
        /// <param name="questionHtml"></param>
        /// <returns>返回替換imgurl后的questionHtml</returns>
        public string GetBase64ImgHtml(string questionHtml)
        {
           //獲取<question></question>標簽[獲取某個標簽時的表達式]
           // Regex regQuestion = new Regex(@"<question\b*[^<>]*?\b[\s\S]*>([\s\S]*)</question>", RegexOptions.IgnoreCase);

            string retHtml = string.Empty;
            //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);
            //去掉分組中的 \s 防止圖片的鏈接中含有空格導致匹配的url不全的問題
            Regex regImg = new Regex(@"<img\b[^<>]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r\n]*(?<imgUrl>[^\t\r\n""'<>]*)[^<>]*?/?[\s\t\r\n]*>", RegexOptions.IgnoreCase);
            // 搜索匹配的字符串   
            MatchCollection matches = regImg.Matches(questionHtml);
            var list = new List<string>();

            // 取得匹配項列表,並逐一替換成imgUrl   
            foreach (Match match in matches)
            {
                try
                {
                    string imgUrl = match.Groups["imgUrl"].Value;
                    string imgType = imgUrl.Substring(imgUrl.LastIndexOf(".") + 1);
                    WebClient webClient = new WebClient();
                    Byte[] imgBytes = webClient.DownloadData(imgUrl);
                    string imgBase64Data = Convert.ToBase64String(imgBytes);
                    questionHtml = questionHtml.Replace(imgUrl, $"data:image/{imgType};base64,{imgBase64Data}");
                }
                catch (Exception ex)
                {
                    continue;
                }
            }

            return questionHtml;
        }

通過以上方法，就可以輕松將html中img標簽轉換為base64;

2.html中img標簽中的base64轉換為url

其實處理的思路都是一樣的，正則匹配base64 的img也都基本一致（<img\b[^<>]*?\bsrc[\s\t\r\n]*=[\s\t\r\n]*[""']?[\s\t\r\n]*(?<imgData>[^""'<>]*)[^<>]*?/?[\s\t\r\n]*>）。但是此處還是值得記錄一下。獲取到img標簽中的base64 字符串后，將其轉存為本地圖片的過程中，部分png格式圖片轉存失敗，在用內存流初始化 BitMap 對象的時，一直報“參數無效錯誤”，但是用該種方式轉存Jpg圖片完全OK。

1.通過這種方式，部分 png 圖片轉存時會報錯：參數無效
 var bytes = Convert.FromBase64String(base64Str);
               using(var ms = new System.IO.MemoryStream(bytes, true)){
                //var bitmap = new Bitmap(ms);
                var  bitmap =Image.FromStream();
              bitmap.Save(imgPath);
               bitmap.Dispose();
              ms.Close();
}
                
2.直接改成將字節寫入文件的方式處理；解決問題。
   var bytes = Convert.FromBase64String(base64Str);
    File.WriteAllBytes(imgPath, bytes);