正則表達(dá)式如何處理圖片地址、img標(biāo)簽-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“正則表達(dá)式如何處理圖片地址、img標(biāo)簽”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(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ù)。

上傳表情或者圖片地址時(shí)候很多時(shí)候不能直接上傳<img src=" " />，因此在上傳評(píng)論或者圖片之前應(yīng)該先處理一下img標(biāo)簽。

<span >//第一步是獲取到帶有img標(biāo)簽的字符串 
var str = '圖片1<img src="arclist/sanai.png">圖片2<img src="arclist/em_23.gif">圖片3<img src="arclist/451.gif">';</span>

處理獲取到的字符串

<span >//將img標(biāo)簽替換為特定編碼方式的表達(dá)式 
var reg = /<img[^>]*src[=\"\'\s]+[^\.]*\/([^\.]+)\.[^\"\']+[\"\']?[^>]*>/gi; 
str = str.replace(reg, "[face:$1.gif]"); 
console.log(str);</span>

運(yùn)算結(jié)果為：

<span >圖片1[face:sanai.gif]圖片2[face:em_23.gif]圖片3[face:451.gif]</span>

這樣上傳到服務(wù)器的代碼就不會(huì)存在html標(biāo)簽，這是一種很好的應(yīng)對(duì)帶有圖片評(píng)論且上傳信息禁止html標(biāo)簽的方法。

接下來：

從服務(wù)器上返回的上一步中的運(yùn)行結(jié)果，在反向解析，方法如下：

<span >//將特定編碼方式替換成img標(biāo)簽的表達(dá)式 
var regg = /
face:([\w]+).gif
/gi; 
str = str.replace(regg,"<img src='images/$1.gif' />"); 
console.log(str);</span>

運(yùn)行結(jié)果為：

<span >圖片1<img src='images/sanai.gif' />圖片2<img src='images/em_23.gif' />圖片3<img src='images/451.gif' /></span>

下面附上代碼的html頁(yè)，可以全部復(fù)制粘貼到html文件中直接運(yùn)行，親測(cè)可用

<span ><!DOCTYPE html> 
<html> 
 <head> 
  <meta charset="UTF-8"> 
  <title></title> 
 </head> 
 <body> 
  <script> 
   var str = '圖片1<img src="arclist/sanai.png">圖片2<img src="arclist/em_23.gif">圖片3<img src="arclist/451.gif">'; 
   //將img標(biāo)簽替換為特定編碼方式的表達(dá)式 
   var reg = /<img[^>]*src[=\"\'\s]+[^\.]*\/([^\.]+)\.[^\"\']+[\"\']?[^>]*>/gi; 
   str = str.replace(reg, "[face:$1.gif]"); 
   console.log(str); 
   //將特定編碼方式替換成img標(biāo)簽的表達(dá)式 
   var regg = /
face:([\w]+).gif
/gi; 
   str = str.replace(regg,"<img src='images/$1.gif' />"); 
   console.log(str); 
  </script> 
 </body> 
</html></span>

以上是“正則表達(dá)式如何處理圖片地址、img標(biāo)簽”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：正則表達(dá)式如何處理圖片地址、img標(biāo)簽-創(chuàng)新互聯(lián)
地址分享：http://bm7419.com/article26/gegjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、定制網(wǎng)站、網(wǎng)站改版、標(biāo)簽優(yōu)化、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)