正規表示式處理圖片地址、img標籤的方法摘要分享-php教程-PHP中文網

首頁

後端開發

php教程

正規表示式處理圖片地址、img標籤的方法摘要分享

巴扎黑

Jun 16, 2017 am 11:14 AM

正規表示式

这篇文章主要介绍了正则表达式处理图片地址、img标签的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下

再上传表情或者图片地址时候很多时候不能直接上传<img src=" " />，因此在上传评论或者图片之前应该先处理一下img标签。举例如下，希望可以帮助更多的程序猿~

<span style="font-size:14px;">//第一步是获取到带有img标签的字符串 
var str = &#39;图片1<img src="arclist/sanai.png">图片2<img src="arclist/em_23.gif">图片3<img src="arclist/451.gif">&#39;;</span>

登入後複製

处理获取到的字符串

<span style="font-size:14px;">//将img标签替换为特定编码方式的表达式 
var reg = /<img[^>]*src[=\"\&#39;\s]+[^\.]*\/([^\.]+)\.[^\"\&#39;]+[\"\&#39;]?[^>]*>/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=&#39;images/$1.gif&#39; />"); 
console.log(str);</span>

登入後複製

运行结果为：

<span style="font-size:14px;">图片1<img src=&#39;images/sanai.gif&#39; />图片2<img src=&#39;images/em_23.gif&#39; />图片3<img src=&#39;images/451.gif&#39; /></span>

登入後複製

下面附上代码的html页，可以全部复制粘贴到html文件中直接运行，亲测可用

<span style="font-size:14px;"><!DOCTYPE html> 
<html> 
 <head> 
  <meta charset="UTF-8"> 
  <title></title> 
 </head> 
 <body> 
  <script> 
   var str = &#39;图片1<img src="arclist/sanai.png">图片2<img src="arclist/em_23.gif">图片3<img src="arclist/451.gif">&#39;; 
   //将img标签替换为特定编码方式的表达式 
   var reg = /<img[^>]*src[=\"\&#39;\s]+[^\.]*\/([^\.]+)\.[^\"\&#39;]+[\"\&#39;]?[^>]*>/gi; 
   str = str.replace(reg, "[face:$1.gif]"); 
   console.log(str); 
   //将特定编码方式替换成img标签的表达式 
   var regg = /
face:([\w]+).gif
/gi; 
   str = str.replace(regg,"<img src=&#39;images/$1.gif&#39; />"); 
   console.log(str); 
  </script> 
 </body> 
</html></span>

登入後複製

以上两种方法很好的解决的对img标签的正反运算，第一种方法为之前收集，不记得原作者，如有冒犯可以提出署名。后一种方法为本人自写，存在一定的局限性，欢迎大家讨论~

以上是正規表示式處理圖片地址、img標籤的方法摘要分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7492

CakePHP 教程

1377

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

PHP正規表示式驗證：數位格式偵測 Mar 21, 2024 am 09:45 AM

PHP正規表示式驗證：數位格式偵測在編寫PHP程式時，經常需要對使用者輸入的資料進行驗證，其中一個常見的驗證是檢查資料是否符合指定的數字格式。在PHP中，可以使用正規表示式來實現這種驗證。本文將介紹如何使用PHP正規表示式來驗證數字格式，並提供具體的程式碼範例。首先，讓我們來看看常見的數字格式驗證要求：整數：只包含數字0-9，可以以正負號開頭，不包含小數點。浮點

如何使用正規表示式在 Golang 中驗證電子郵件地址？ May 31, 2024 pm 01:04 PM

若要使用正規表示式在Golang中驗證電子郵件地址，請執行下列步驟：使用regexp.MustCompile建立正規表示式模式，以符合有效的電子郵件地址格式。使用MatchString函數檢查字串是否與模式相符。此模式涵蓋了大多數有效的電子郵件地址格式，包括：局部使用者名稱可以包含字母、數字和特殊字元：!.#$%&'*+/=?^_{|}~-`網域至少包含一個字母，後面可以跟字母、數字或連字符頂級域名（TLD）不能超過63個字符長

如何在 Go 中使用正規表示式匹配時間戳記？ Jun 02, 2024 am 09:00 AM

在Go中，可以使用正規表示式比對時間戳記：編譯正規表示式字串，例如用於匹配ISO8601時間戳記的表達式：^\d{4}-\d{2}-\d{2}T \d{2}:\d{2}:\d{2}(\.\d+)?(Z|[+-][0-9]{2}:[0-9]{2})$ 。使用regexp.MatchString函數檢查字串是否與正規表示式相符。

掌握Go語言的正規表示式和字串處理 Nov 30, 2023 am 09:54 AM

Go語言作為一門現代化的程式語言，提供了強大的正規表示式和字串處理功能，使得開發者能夠更有效率地處理字串資料。掌握Go語言的正規表示式和字串處理，對於開發者來說是非常重要的。本文將詳細介紹Go語言中正規表示式的基本概念和用法，以及如何使用Go語言處理字串。一、正規表示式正規表示式是用來描述字串模式的工具，能夠方便地實現字串的匹配、尋找和替換等操

PHP正規表示式：精確匹配與排除模糊包含 Feb 28, 2024 pm 01:03 PM

PHP正規表示式：精確匹配與排除模糊包含正規表示式是一種強大的文字匹配工具，能夠幫助程式設計師在處理文字時進行高效的搜尋、替換和篩選。在PHP中，正規表示式也被廣泛應用於字串處理和資料匹配。本文將重點介紹在PHP中如何進行精確配對和排除模糊包含的操作，同時結合具體的程式碼範例進行說明。精確匹配精確匹配意味著只匹配符合完全條件的字串，不匹配任何變種或包含額外字