Заменить путь к картинке по маске

[flash12320]

Кто подскажет как реализовать:

На сайте отображены картинки по адресу:
<div class="card-image"><img src="https://site.ru/image/cache/aaa_1-600x800.jpg"></div>


Нужно как-то все фото заменить на размером побольше с другого url:
<div class="card-image"><img src="https://site.ru/image/aaa_1.jpg"></div>

[рони]

все фото заменить

это на сервере надо менять, но если хочется ...

<script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.card-image > img').forEach(img => img.src = img.src.split(/-600x800|cache\//).join(''));
        })
    </script>

[flash12320]

Спасибо, Рони.
Сервер не мой, поэтому пытаюсь сделать через расширение Chrome. Пока не получается)

Ваш код не смог выполнить задачу... Вот сделал таким образом:

$('img').attr('src', function(i, src){
    return src.replace('/cache/', '/')
});
$('img').attr('src', function(i, src){
    return src.replace('-525x700.jpg', '.jpg')
});
console.log($("body").html());

[tocopiertoner]

If the only difference is the URL pattern, you don’t need to replace the images manually—just rewrite the src values. You can select all images inside .card-image and modify the URL string.

For example:

document.querySelectorAll('.card-image img').forEach(img => {
img.src = img.src.replace('/image/cache/', '/image/')
.replace('-600x800', '');
});


This keeps the same filename and swaps in the full-size version. If the images are loaded dynamically, run this after the page content loads or observe DOM changes. This approach is lightweight and avoids re-rendering the entire image block.