正規表現の画像アドレスとラベルの取り扱い方法


顔や写真の住所をアップロードするときは、直接<img src=" " />をアップロードできない場合が多いので、コメントや画像をアップロードする前に、まずタグを処理しておくべきです。例えば、以下のように、もっと多くのプログラム猿を助けたいです。

<span style="font-size:14px;">//         img       
var str = '  1<img src="arclist/sanai.png">  2<img src="arclist/em_23.gif">  3<img 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タグが存在しません。これは画像レビューとアップロード禁止のラベルが付いている場合の対処法です。
次に、
サーバから戻る前のステップの運転結果は、逆方向で解析されます。

<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;">  1<img src='images/sanai.gif' />  2<img src='images/em_23.gif' />  3<img src='images/451.gif' /></span> 
コードを添付したhtmlページは、すべてコピーしてファイルに貼り付けて実行します。

<span style="font-size:14px;"><!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> 
以上の2つの方法がよく解決されたのは、ラベルの正逆演算です。最初の方法は前に収集したもので、元の作者を覚えていません。後の一つの方法は本人のために自分で書きます。一定の制限があります。検討してください。
以上は小编が皆さんに绍介した正规表式で画像の住所とラベルを処理する方法です。皆さんに助けてほしいです。もし何か疑问がありましたら、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。