久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術員聯盟提供win764位系統下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當前位置:主頁 > 教程 > 服務器類 >

正則表達式怎么處理圖片地址、img標簽

來源:技術員聯盟┆發布時間:2017-09-29 06:27┆點擊:

再上傳表情或者圖片地址時候很多時候不能直接上傳<img src=http://www.3lian.com/edu/2017/05-22/" " />,因此在上傳評論或者圖片之前應該先處理一下img標簽。舉例如下,希望可以幫助更多的程序猿~

<span style=http://www.3lian.com/edu/2017/05-22/"font-size:14px;">//第一步是獲取到帶有img標簽的字符串 var str = '圖片1<img src=http://www.3lian.com/edu/2017/05-22/"arclist/sanai.png">圖片2<img src=http://www.3lian.com/edu/2017/05-22/"arclist/em_23.gif">圖片3<img src=http://www.3lian.com/edu/2017/05-22/"arclist/451.gif">';</span>

處理獲取到的字符串

<span style=http://www.3lian.com/edu/2017/05-22/"font-size:14px;">//將img標簽替換為特定編碼方式的表達式 var reg = /<img[^>]*src[=\"\'\s]+[^\.]*\/([^\.]+)\.[^\"\']+[\"\']?[^>]*>/gi; str = str.replace(reg, "[face:$1.gif]"); console.log(str);</span>

運算結果為:

<span style=http://www.3lian.com/edu/2017/05-22/"font-size:14px;">圖片1[face:sanai.gif]圖片2[face:em_23.gif]圖片3[face:451.gif]</span>

這樣上傳到服務器的代碼就不會存在html標簽,這是一種很好的應對帶有圖片評論且上傳信息禁止html標簽的方法。

接下來:

從服務器上返回的上一步中的運行結果,在反向解析,方法如下:

<span style=http://www.3lian.com/edu/2017/05-22/"font-size:14px;">//將特定編碼方式替換成img標簽的表達式 var regg = / face:([\w]+).gif /gi; str = str.replace(regg,"<img src='http://www.3lian.com/edu/2017/05-22/images/$1.gif' />"); console.log(str);</span>

運行結果為:

<span style=http://www.3lian.com/edu/2017/05-22/"font-size:14px;">圖片1<img src='http://www.3lian.com/edu/2017/05-22/images/sanai.gif' />圖片2<img src='http://www.3lian.com/edu/2017/05-22/images/em_23.gif' />圖片3<img src='http://www.3lian.com/edu/2017/05-22/images/451.gif' /></span>

下面附上代碼的html頁,可以全部復制粘貼到html文件中直接運行,親測可用

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