这问题我太懂啦！你现在遇到的情况是，用getAttribute("src")拿到的是你写在HTML代码里的原始图片链接，但浏览器加载图片时如果遇到重定向（就像这个loremflickr的服务，会跳转到实际的缓存图片地址），最终显示的图片真实URL会存在img元素的**DOM属性src**里，而不是你一开始写的那个引用URL。

你只需要修改correctTitle函数里的一行代码就行：

function correctTitle() {
    const imageElement = document.getElementById('image');
    const titleElement = document.getElementById('image-title');
    // 把getAttribute("src")改成直接访问src属性
    titleElement.textContent = 'Image URL: ' + imageElement.src;
}

另外还要注意一下HTML里img标签的小错误：你写的<img ... onLoad="correctTitle()")>最后多了一个括号)，得删掉，不然会导致函数无法正常触发，修正后的img标签应该是：

<img id="image" src="https://loremflickr.com/g/320/240/paris" onLoad="correctTitle()">

这样修改后，当图片加载完成时，标题就会自动显示浏览器实际加载的那个真实图片URL啦～

备注：内容来源于stack exchange，提问作者Develoop