javascript - 使用 javascript 将图像源的结尾从“s.jpg”修改为“o.jpg”

Question

我的 CMS 有一个插件，用于提取带有故事的 facebook 图片。我无法改变它。在源代码中，它创建的图像 URL 以 s.jpg 结尾，但我想对其进行修改，使其以 o.jpg 结尾，以便引入最大的照片类型

这是代码：

<div class="post_picture">
<img src="http://photos-g.ak.fbcdn.net/hphotos-ak-ash3/534627_477964682254266_1412043521_s.jpg" alt="">
</div>

这可能吗？我会想象您复制源 URL，将结尾从 s.jpg 修改为 o.jpg，然后用新 URL 替换旧 URL。

编辑：

感谢大家的回复和解决方案，下面是我找到的另一个解决方案...

$('.div1>img').attr('src',function(i,e){
 return e.replace("s.jpg","o.jpg");
})

前 - http://jsfiddle.net/designaroni/4Da2a/

Answer 1

function imgSrcOverwrite() {
    var imgs = document.getElementsByTagName('img'),
        loopImg, fbImgs = [];
    // Loop through each IMG, check if it's a facebook image & 
    // then replace _s.jpg with _o.jpg in the src attribute
    for ( var x=0; x<imgs.length; x++ ) {
        loopImg = imgs[x];
        if ( loopImg.src.indexOf('photos-g.ak.fbcdn.net') > -1 ) {
            loopImg.src = loopImg.src.replace('_s.jpg', '_o.jpg');
            fbImgs.push(loopImg);
        }
    }

    imgs = loopImg = null;
    // return array of fb images so you can do more stuff with them
    return fbImgs;
}

imgSrcOverwrite();

如果您使用的是 jQuery，我会将第二行替换为

var imgs = $('.post_picture img'),

http://jsfiddle.net/CoryDanielson/jmzk2/

Answer 2

这是一个简单的例子，说明它是如何成为可能的。

// get image dom element
var img = document.getElementById('imageId');

// update src
img.src = img.src.replace(/s.jpg/, 'o.jpg');

Answer 3

如果您使用的是 jquery，

尝试通过这个访问 img 标签 -

var src = '';
$('.post_picture').find('img').each(function(){
src = $(this).attr('src').toString().replace('_s.jpg', '_o.jpg');
$(this).attr('src',src);
});