用 html js写一个可以被调用的图片接口

以下是一个简单的图片接口示例，使用HTML和JavaScript编写：

HTML文件：

<!DOCTYPE html>
<html>
<head>
    <title>图片接口示例</title>
</head>
<body>
    <h1>图片接口示例</h1>
    <img id="image" src="" alt="Image">
    <script src="image-api.js"></script>
</body>
</html>

JavaScript文件（image-api.js）：

// 定义一个函数，用于获取图片并在指定元素中显示
function getImage(url, elementId) {
    var img = new Image();
    img.onload = function() {
        var element = document.getElementById(elementId);
        element.src = url;
    };
    img.src = url;
}

// 使用示例：获取图片并在id为“image”的元素中显示
getImage("https://www.example.com/image.jpg", "image");

使用该示例中的getImage函数，您可以在任何需要动态加载图片的情况下调用该函数。只需将图片URL和目标元素的ID传递给函数即可