频道顾问/Ebay 图像质量问题答案

【问题标题】：Channel Advisor / Ebay Image quality Issue频道顾问/Ebay 图像质量问题
【发布时间】：2015-04-13 22:14:40
【问题描述】：

如果我的 HTML 中有一个图像源如下：

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？

提前谢谢你！！

【问题讨论】：

图片是如何插入页面的？您是使用 API 还是手动插入它们，但不想一张一张地更改每张图片？请显示一些相关的源代码，以便我们可以使用，谢谢。

标签： javascript html image replace

【解决方案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 循环将其应用于具有该类的所有图像，但由于您的问题中没有任何源代码或任何提及 id / class 我只是把答案和问题一样简单。

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

【讨论】：