给url加链接的问题？

Question

我现在这个给url加链接的正则有点bug。
他给img src 的url也加了，导致图片无法显示。
希望当url含有.jpg.png.gif.等就不加链接。
请问怎样修改能避开图片地址。谢谢老师。

var txt = document.getElementById('news').innerHTML;
var regexp = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|\&|-)+)/g;
txt1=txt.replace(regexp,function($url){
return "<a href='" + $url + "' target='_blank'>" + $url + "</a>";});;
document.getElementById('news').innerHTML=txt1

Answer 1

单独验证下图片试试

var regImg = /\.(png|jpe?g|gif|svg)(\?.*)?$/ // 判断图片正则
var txt = document.getElementById('news').innerHTML;
var regUrl = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|\&|-)+)/g;
txt1=txt.replace(regUrl,function($url){
    if (regImg.test($url)) { // 如果是图片链接，直接返回
        return $url
    } else {
        return "<a href='" + $url + "' target='_blank'>" + $url + "</a>"
    }
})
document.getElementById('news').innerHTML=txt1