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

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

希望对您有所帮助。编码愉快！

Channel Advisor / Ebay 图片质量问题

Channel Advisor / Ebay Image quality Issue

html

javascript

replace

image