這篇文章主要為大家展示了“正則表達(dá)式如何處理圖片地址、img標(biāo)簽”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“正則表達(dá)式如何處理圖片地址、img標(biāo)簽”這篇文章吧。
創(chuàng)新互聯(lián)公司專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商,專業(yè)提供成都服務(wù)器托管,服務(wù)器租用,成都機(jī)柜租用,成都機(jī)柜租用,成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。上傳表情或者圖片地址時候很多時候不能直接上傳,因此在上傳評論或者圖片之前應(yīng)該先處理一下img標(biāo)簽。
//第一步是獲取到帶有img標(biāo)簽的字符串
var str = '圖片1圖片2圖片3';
處理獲取到的字符串
//將img標(biāo)簽替換為特定編碼方式的表達(dá)式
var reg = /]*src[=\"\'\s]+[^\.]*\/([^\.]+)\.[^\"\']+[\"\']?[^>]*>/gi;
str = str.replace(reg, "[face:$1.gif]");
console.log(str);
運(yùn)算結(jié)果為:
圖片1[face:sanai.gif]圖片2[face:em_23.gif]圖片3[face:451.gif]
這樣上傳到服務(wù)器的代碼就不會存在html標(biāo)簽,這是一種很好的應(yīng)對帶有圖片評論且上傳信息禁止html標(biāo)簽的方法。
接下來:
從服務(wù)器上返回的上一步中的運(yùn)行結(jié)果,在反向解析,方法如下:
//將特定編碼方式替換成img標(biāo)簽的表達(dá)式
var regg = /
face:([\w]+).gif
/gi;
str = str.replace(regg,"");
console.log(str);
運(yùn)行結(jié)果為:
圖片1圖片2圖片3
下面附上代碼的html頁,可以全部復(fù)制粘貼到html文件中直接運(yùn)行,親測可用
以上是“正則表達(dá)式如何處理圖片地址、img標(biāo)簽”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!