JavaScript正則表達式替換字符串中圖片地址(img src)的方法

本文實例講述了JavaScript正則表達式替換字符串中圖片地址(img src)的方法。分享給大家供大家參考，具體如下：

今天開發中遇到一個問題：如何替換一段HTML字符串中包含的所有img標簽的src值？

開始想到的解決方法是：

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
  console.log(match);
});

輸出結果是：

得到的是整個img標簽，但我期望得到的是src中的網址，這樣只需在function(match)中返回新地址就行了。

于是，卡在這里了。。。

后來，通過Google搜索關鍵字“javascript replace callback”，在stackoverflow中找到了“replace callback function with matches”，才知道function(match)還有其他參數（詳見developer.mozilla.org）。

然后，改為下面的代碼，問題就解決了。

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
  console.log(capture);
});

輸出結果：

https://www.jb51.net/images/logo.gif

搞定！

PS：這里再為大家提供2款非常方便的正則表達式工具供大家參考使用：

JavaScript正則表達式在線測試工具：
http://tools.jb51.net/regex/javascript

正則表達式在線生成工具：
http://tools.jb51.net/regex/create_reg

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript正則表達式技巧大全》、《JavaScript替換操作技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。