文章内容里的图片src里面的地址怎么拼接一个自己想要的自定义参数?

文章内容里的图片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>