猿问

正则匹配<img src="https:/XXX.jpg" style="">

问题描述

<img src="https:/XXX.jpg&quot; style="width:999px;">
<img src="https:/XXX.jpg&quot; style="width:999px;" data-id="1">
用正则匹配获得的结果
<img src="https:/XXX.jpg&quot;> 最后只保留 src属性,其余属性都不要

问题出现的环境背景及自己尝试过哪些方法

因为从后台获取的字符串标签 style的格式是标准的,格式是:
<img src="https:/XXX.jpg&quot; style="width:"999px";" data-id="1">
导致匹配错误出现乱码
尝试使用非来配置,但结果例如,“/1/g” 表示 非h非e非l非o,并不能理解为 非(hello),所以匹配结果是 w 和 rd123。
所以并不是我想要的效果

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

<img src="https:/XXX.jpg&quot;> 最后只保留 src属性,其余属性都不要


  1. hello 


DIEA
浏览 1434回答 1
1回答

绝地无双

简洁点目的是截取src内容, 用src内容再构建img就好了function&nbsp;re(str)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;match&nbsp;=&nbsp;(str&nbsp;||&nbsp;'').match(/src=("|')(.+?)\1/);&nbsp;&nbsp;&nbsp;&nbsp;if(!match)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;"<img&nbsp;src='"&nbsp;+&nbsp;match[2]&nbsp;+&nbsp;"'/>"}
随时随地看视频慕课网APP

相关分类

Html5
我要回答