Замяна на източника на изображения за всички изображения

Искам да заменя атрибута src за всички изображения, съответстващи на регулярен израз, използвайки скриптове на Greasemonkey. Пример:

Замени http://aff.kooora.com/i/z3.gif

с http://example.com/aff.kooora.com/i/z3.gif

Нямам опит в писането на скриптове, но ето какво измислих:

var allImg=document.getElementsByTagName("img"), i=0, img;
var pattern = aff\.kooora\.com/([A-Za-z0-9/._]*);
while(img=allImg[i++])
{
    result = pattern.exec(img);
    if (result!=null) 
        img.src=img.src.replace(result, 'http://example.com/' + result);
}

Не става.


javascript regex greasemonkey
person Abdullah    schedule 09.04.2012    source източник

Отговори (3)


arrow_upward
3
arrow_downward

Вашият регулярен израз е проблемът, трябва да го увиете в наклонени черти (в противен случай интерпретаторът няма представа, че трябва да третира това като regexp):

var allImg=document.getElementsByTagName("img"), i=0, img;

var pattern = /^http\:\/\/aff\.kooora\.com\/(.*)$/;

while (img = allImg[i++])
{
    if (img.src.match(pattern)) {
        img.src = img.src.replace(pattern, 'http://example.com/aff.kooora.com/$1');
    }
}
person Niko    schedule 09.04.2012
comment
Благодаря!! Не сте разбрали правилния регулярен израз обаче. Това е редактираната работна версия var allImg=document.getElementsByTagName("img"), i=0, img; var pattern = /^http\:\/\/aff\.kooora\.com\/(.*)$/; while (img = allImg[i++]) { if (img.src.match(pattern)) { img.src = img.src.replace(pattern, 'http://example.com/?url=aff.kooora.com/$1'); } } - person Abdullah; 09.04.2012
comment
А, разбирам, aff.kooora.com липсваше в замяната - поправено е! - person Niko; 09.04.2012

arrow_upward
3
arrow_downward

Просто алтернатива.

В този скрипт на Greasemonkey, ProxyLoadIMG, това се постига без използване на регулярен израз.

Създаден е за зареждане на изображения чрез прокси.
Само изображенията. Връзките и другото съдържание остават недокоснати.

var proxy = 'https://proxytea.appspot.com/'

for (var x=0; x<document.images.length; x++) {
    imagem = document.images[x];
    imagem.src = imagem.src.replace(location.protocol + '//', proxy);
}

http://aff.kooora.com/i/any.jpg става https://proxytea.appspot.com/aff.kooora.com/i/any.jpg
http://aff.kooora.com/i/z3.gif става https://proxytea.appspot.com/aff.kooora.com/i/z3.gif
и така нататък...

Не е необходим RegEx :)

person RASG    schedule 10.04.2012
comment
Работи перфектно, с много по-малко проблеми. Има ли начин да го накарам да включва и CSS файла през проксито? - person Abdullah; 10.04.2012
comment
да Точно както document.images е колекция от всички изображения в страницата, document.styleSheets е колекция от стилове. Можете да използвате подобен код, за да заредите CSS през проксито. - person RASG; 10.04.2012
comment
Този скрипт прави същото с всички връзки вместо с изображения userscripts.org/scripts/show/77701 и този зарежда всичко чрез произволен прокси userscripts.org/scripts/show/77042 - person RASG; 10.04.2012
comment
Модифицирах скрипта като такъв: var proxy = 'https://proxytea.appspot.com/' for (var x=0; x<document.styleSheets.length; x++) { imagem = document.styleSheets[x]; imagem.href = imagem.href.replace(location.protocol + '//', proxy); } Но мисля, че пропускам нещо, защото не работи. - person Abdullah; 11.04.2012

arrow_upward
0
arrow_downward

Използвай това:

function replaceImages(oldUrl, newUrl) {
    var imgs = document.getElementsByTagName('img')
    for (i = 0; i<imgs.length; i++) {
        imgs[i].src = imgs[i].src.replace(oldUrl, remoteUrl)
    }
}

replaceImages('http://aff.kooora.com/i/z3.gif', 'http://example.com/aff.kooora.com/i/z3.gif')

Това също е страхотно, ако работите върху локална версия на сайт и не можете да си правите труда да изтегляте цялото им графично съдържание

person Luke Femur    schedule 04.07.2015