js获得图片链接

<img id="myImage" src="example.jpg" alt="Example Image">

// 获取图片元素
var imgElement = document.getElementById('myImage');
// 获取图片链接
var imgSrc = imgElement.src;
console.log(imgSrc); // 输出: http://example.com/example.jpg

<img id="myImage" src="example.jpg" alt="Example Image">
<button id="getImageBtn">获取图片链接</button>

document.getElementById('getImageBtn').addEventListener('click', function() {
    var imgElement = document.getElementById('myImage');
    var imgSrc = imgElement.src;
    alert('图片链接是: ' + imgSrc);
});

<input type="text" id="imgUrlInput" placeholder="输入图片链接">
<button id="submitImgUrl">提交</button>

document.getElementById('submitImgUrl').addEventListener('click', function() {
    var imgUrl = document.getElementById('imgUrlInput').value;
    console.log('用户输入的图片链接是: ' + imgUrl);
});

fetch('https://api.example.com/get-image-url')
    .then(response => response.json())
    .then(data => {
        var imgSrc = data.imageUrl;
        console.log('从服务器获取的图片链接是: ' + imgSrc);
    })
    .catch(error => console.error('Error:', error));

window.onload = function() {
    var imgElement = document.getElementById('myImage');
    if (imgElement) {
        var imgSrc = imgElement.src;
        console.log(imgSrc);
    } else {
        console.error('图片元素不存在');
    }
};