javascript - channel 顾问/Ebay 图像质量问题

Question

如果我的 HTML 上有一个图像 src，如下所示:

http://i.ebayimg.com/00/s/NzgwWDc4MA==/z/FrMAAOSweW5U3QvN/$_12.JPG?set_id=880000500F

我想将所有 $_12.JPG 更改为 $_57.JPG 以获得更好的图像质量，如下所示:

http://i.ebayimg.com/00/s/NzgwWDc4MA==/z/FrMAAOSweW5U3QvN/$_57.JPG?set_id=880000500F

如何使用 Javascript 执行此操作，以便将 HTML 上的所有 $_12.JPG 替换为 $_57.JPG？

先谢谢你了!!

Answer 1

您可以使用 .replace() 更改 URL，例如:

document.getElementById('TheImage').src.replace('$_12.JPG','$_57.JPG');

这是一个小演示，您可以看到它的实际效果。

<小时/>

演示源代码

<小时/>

function URLswap(){
    //--Set image variable
    var curlink=document.getElementById('ebay');
    //--Replace unwanted sting with new string.
    var Newlink=curlink.src.replace('$_12.JPG','$_57.JPG');
    //---Set new src
    curlink.src=Newlink;
    //-- Display new src (text) in div
    document.getElementById('currentlink').innerHTML='New Src= '+Newlink;
}

<button onclick="URLswap()">Change</button><br>
<div id="currentlink">Current Src= http://i.ebayimg.com/00/s/NzgwWDc4MA==/z/FrMAAOSweW5U3QvN/$_12.JPG?set_id=880000500F</div>
<img id="ebay" src="http://i.ebayimg.com/00/s/NzgwWDc4MA==/z/FrMAAOSweW5U3QvN/$_12.JPG?set_id=880000500F"/>

对于多个图像，您可以为这些图像提供一个类，并使用for循环将其应用于具有该类的所有图像，但因为您的问题或任何提及中没有任何源代码id/class 我只是让答案与问题一样基本。

我希望这有帮助。快乐编码!