校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 正則表達式處理圖片地址、img標簽的方法

正則表達式處理圖片地址、img標簽的方法

熱門標簽:梅縣地圖標注 貴港公司如何申請400電話 ai電話機器人搭建 外呼系統無呼出路由是什么原因 400電話辦理電話辦理 呼叫系統外呼只能兩次 地圖標注教學點 甘肅醫療外呼系統排名 西藏智能外呼系統代理商

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

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

處理獲取到的字符串

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

運算結果為:

span style="font-size:14px;">圖片1[face:sanai.gif]圖片2[face:em_23.gif]圖片3[face:451.gif]/span> 

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

接下來:

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

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

運行結果為:

span style="font-size:14px;">圖片1img src='images/sanai.gif' />圖片2img src='images/em_23.gif' />圖片3img src='images/451.gif' />/span> 

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

span style="font-size:14px;">!DOCTYPE html> 
html> 
 head> 
  meta charset="UTF-8"> 
  title>/title> 
 /head> 
 body> 
  script> 
   var str = '圖片1img src="arclist/sanai.png">圖片2img src="arclist/em_23.gif">圖片3img 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標簽的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

您可能感興趣的文章:
  • 用正則表達式替換圖片地址img標簽
  • JavaScript正則表達式替換字符串中圖片地址(img src)的方法
  • 正則表達式提取img的src
  • php正則表達式匹配img中任意屬性的方法

標簽:海口 常州 泰安 大興安嶺 湖州 哈密 本溪 涼山

巨人網絡通訊聲明:本文標題《正則表達式處理圖片地址、img標簽的方法》,本文關鍵詞  正則,表達式,處理,圖片,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《正則表達式處理圖片地址、img標簽的方法》相關的同類信息!
  • 本頁收集關于正則表達式處理圖片地址、img標簽的方法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 博湖县| 达日县| 营山县| 克什克腾旗| 泰来县| 彝良县| 湘乡市| 广丰县| 芒康县| 西畴县| 绥宁县| 南阳市| 绥芬河市| 濮阳县| 南城县| 电白县| 临清市| 鄂尔多斯市| 东乡族自治县| 桂东县| 专栏| 五台县| 石家庄市| 临朐县| 南宁市| 贵定县| 南充市| 渝中区| 乌兰察布市| 龙泉市| 磐石市| 长岭县| 历史| 通渭县| 安多县| 长岭县| 南充市| 九寨沟县| 东阳市| 平定县| 蒲江县|