javascript - 如何在 javascript 中为图像生成 ID？

Question

function displayImage(whichImage) {
    if (whichImage !== "noImage") {
        document.canvas.src = whichImage;
    } else {
        document.canvas.src = "image2.jpg";
    }
}

我正在使用这段代码，但我希望从数据库中获取的每张图片都应该有唯一的 ID。那么javascript中有任何代码吗？

Answer 1

我假设您只想在客户端有一个唯一的 ID，而不是用作前端/后端之间的一致性机制。比如，每次加载页面时，这些 ID 必须相同。我的添加只是为了客户端的唯一性。

function displayImage(whichImage) {
    if (whichImage !== "noImage") {
        document.canvas.src = whichImage;
    } else {
        // you can increment via document.images or just randomize a numb.
        var docimages = document.images.length || Math.floor(Math.random()*999999);
        document.canvas.src = "image2.jpg";
        document.canvas.id = 'image' + docimages;
    }
}

如果您想绝对拥有一个唯一的 ID(这很好)，并且不想冒 docimages 不给您一些独特的东西的机会。创建一个散列和回调函数来测试你是否生成了 id，如果没有 - 随机化并添加它。如果这样做，请重新随机化并再次检查。或者只是在分配文档之前测试文档中的 ID 是否有长度。如果不存在，则将其添加到 id -- 如果存在，则重新随机化。