如何获取图片url js

<img id="myImage" src="https://example.com/image.jpg" alt="Example Image">

// 获取图片的URL
var imageUrl = document.getElementById('myImage').src;
console.log(imageUrl);

<img id="dynamicImage" alt="Dynamic Image">

// 动态设置图片URL
document.getElementById('dynamicImage').src = "https://example.com/dynamic-image.jpg";

var images = [
    { id: 1, url: "https://example.com/image1.jpg" },
    { id: 2, url: "https://example.com/image2.jpg" }
];

// 获取第一个图片的URL
var firstImageUrl = images[0].url;
console.log(firstImageUrl);

fetch('https://api.example.com/images')
    .then(response => response.json())
    .then(data => {
        var imageUrl = data[0].url; // 假设返回的数据是一个包含图片URL的数组
        console.log(imageUrl);
    })
    .catch(error => console.error('Error:', error));

var img = new Image();
img.onload = function() {
    console.log('Image loaded successfully');
};
img.onerror = function() {
    console.error('Failed to load image');
};
img.src = "https://example.com/image.jpg";