将所有图片网址更改为CDN网址

Question

如何使用JavaScript或jQuery将我的图片网址更改为CDN网址

例如，我的网页中的网址是

https://example.com/img/img.jpg

然后应该用

代替

https://mycdn.com/https://example.com/img/img.jpg

Answer 1

请考虑以下代码段：

$('img').each(function(){
    var img = $(this);
    var srcOld = img.attr('src');
    var srcNew = 'https://mycdn.com/' + srcOld;
    img.attr('src', srcNew); // Updating src here
});

  

解释：上面的代码段循环到每个img元素并进行更新   每个人的src。而这种方式HTML页面将加载所有图像两次   首先是本地图像，然后是CDN图像。更新src的更好方法   来自后端。