使用 JS 将字符串附加到映像 SRC

append string to image src using js

本文关键字：映像 SRC JS 字符串 使用      更新时间：2023-09-26

我有一个页面，里面有<img src="/images/product/whatever-image.jpg" alt="" />

我想要它，以便在加载页面时，字符串"？操作=缩略图"追加到 src 的值，使其src="/images/product/whatever-image.jpg?Action=thumbnail"

如何使用 JS 实现此目的？

window.addEventListener('load', function(){
    /* assuming only one img element */
    var image = document.getElementsByTagName('img')[0];
    image.src += '?Action=thumbnail';
}, false);

请注意，更改图像的来源将从服务器"重新获取"图像 - 即使图像相同。这将更好地在服务器端完成。

评论后更新：

window.addEventListener('load', function(){
    /* assuming only one div with class "divclassname" and img is first child */
    var image = document.getElementsByClassName('divclassname')[0].firstChild;
    image.src += '?Action=thumbnail';
}, false);

使用这个：

window.onload = function() {
    document.getElementById('myImage').src += "/Action=thumbnail";
};
相关文章：