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执行此操作，以便用$ _57.JPG替换HTML上的所有$ _12.JPG？

提前谢谢!!

Answer 1

您可以使用.replace()更改网址，例如：

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"/>

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

我希望这会有所帮助。快乐的编码！

渠道顾问/易趣图像质量问题

1 个答案: