这次给大家带来正则表达式怎么匹配图片地址与img标签的，正则表达式匹配图片地址与img标签的注意事项有哪些，下面就是实战案例，一起来看一下。
再上传表情或者图片地址时候很多时候不能直接上传
，因此在上传评论或者图片之前应该先处理一下img标签。举例如下，希望可以帮助更多的程序猿~
//第一步是获取到带有img标签的字符串 var str = '图片1
图片2
图片3
';
登录后复制
处理获取到的字符串
//将img标签替换为特定编码方式的表达式 var reg = /![正则表达式怎么匹配图片地址与img标签]()
![正则表达式怎么匹配图片地址与img标签]()
]*src[="'s]+[^.]*/([^.]+).[^"']+["']?[^>]*>/gi; str = str.replace(reg, "[face:$1.gif]"); console.log(str);
登录后复制
运算结果为：
图片1[face:sanai.gif]图片2[face:em_23.gif]图片3[face:451.gif]
登录后复制
这样上传到服务器的代码就不会存在html标签，这是一种很好的应对带有图片评论且上传信息禁止html标签的方法。
接下来：
从服务器上返回的上一步中的运行结果，在反向解析，方法如下：
//将特定编码方式替换成img标签的表达式 var regg = /face:([w]+).gif/gi; str = str.replace(regg,"
"); console.log(str);
登录后复制
运行结果为：
图片1
图片2
图片3
登录后复制
下面附上代码的html页，可以全部复制粘贴到html文件中直接运行，亲测可用
![正则表达式怎么匹配图片地址与img标签]()
![正则表达式怎么匹配图片地址与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,""); console.log(str);
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
正则表达式的模糊匹配功能如何实现
验证用户名与密码的15个正则
完全匹配数字与字母密码的正则（步骤详解）
以上就是正则表达式怎么匹配图片地址与img标签的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2777995.html
