文章内容里的图片src里面的地址怎么拼接一个自己想要的自定义参数?
问题描述:
PHP代码
比如我的文章内容是在以下div里面的,然后从数据库输出的内容如下代码,怎么给p标签里面的img标签中的src图片地址后面添加一个固定参数呢?用js或其他什么方法可以实现吗?
如:
<div class="content">
<p>< img src="123.jpg"></p >
</div>
然后实现如下:
<div class="content">
<p>< img src="123.jpg_s"></p >
</div>
注:p标签和img标签都不能添加id或class,因为这些内容是从数据库里出来的,每次出来的数据可能都不一样。
相当于获取src里面的地址,然后给地址后面拼接一个 "_s" 的参数,
有什么方法可以实现呢?
求大神帮助!
答
function get_img_thumb_url($content="",$suffix="-256E35")
{
$pregRule = "/<[img|IMG].*?src=[\'|\"](.*?(?:[\.jpg|\.jpeg|\.png|\.gif|\.bmp]))[\'|\"].*?[\/]?>/";
$content = preg_replace($pregRule, '<img src="${1}'.$suffix.'">', $content);
return $content;
}
输出结果:
<img src="https://www.xxx.com/styles/images/default.jpg-256E35">
答
应该是这样吧!
把<div class="content">改成 <div class="content" id="box">
然后添加下面JS
<script>
window.onload = function(){
var aImgs = document.getElementById("box").getElementsByTagName('img');
for(var i=0; i<aImgs.length;i++){
aImgs[i].src = aImgs[i].getAttribute('src')+"_s";
}
};
</script>