這篇文章主要為大家展示了“正則表達式如何處理圖片地址、img標簽”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“正則表達式如何處理圖片地址、img標簽”這篇文章吧。
創新互聯于2013年創立,是專業互聯網技術服務公司,擁有項目網站建設、網站制作網站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元青神做網站,已為上家服務,為青神各地企業和個人服務,聯系電話:13518219792
上傳表情或者圖片地址時候很多時候不能直接上傳<img src=" " />
,因此在上傳評論或者圖片之前應該先處理一下img標簽。
<span >//第一步是獲取到帶有img標簽的字符串 var str = '圖片1<img src="arclist/sanai.png">圖片2<img src="arclist/em_23.gif">圖片3<img src="arclist/451.gif">';</span>
處理獲取到的字符串
<span >//將img標簽替換為特定編碼方式的表達式 var reg = /<img[^>]*src[=\"\'\s]+[^\.]*\/([^\.]+)\.[^\"\']+[\"\']?[^>]*>/gi; str = str.replace(reg, "[face:$1.gif]"); console.log(str);</span>
運算結果為:
<span >圖片1[face:sanai.gif]圖片2[face:em_23.gif]圖片3[face:451.gif]</span>
這樣上傳到服務器的代碼就不會存在html標簽,這是一種很好的應對帶有圖片評論且上傳信息禁止html標簽的方法。
接下來:
從服務器上返回的上一步中的運行結果,在反向解析,方法如下:
<span >//將特定編碼方式替換成img標簽的表達式 var regg = / face:([\w]+).gif /gi; str = str.replace(regg,"<img src='images/$1.gif' />"); console.log(str);</span>
運行結果為:
<span >圖片1<img src='images/sanai.gif' />圖片2<img src='images/em_23.gif' />圖片3<img src='images/451.gif' /></span>
下面附上代碼的html頁,可以全部復制粘貼到html文件中直接運行,親測可用
<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標簽替換為特定編碼方式的表達式 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='images/$1.gif' />"); console.log(str); </script> </body> </html></span>
以上是“正則表達式如何處理圖片地址、img標簽”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
網站欄目:正則表達式如何處理圖片地址、img標簽
標題來源:http://vcdvsql.cn/article0/iigioo.html
成都網站建設公司_創新互聯,為您提供企業建站、網站內鏈、虛擬主機、搜索引擎優化、面包屑導航、動態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯