Javascript 如何从其URL验证图像？

我需要检查图像URL是否有效，这意味着图像在浏览器中正确加载

我试过用这个：

const src=”https://i.imgur.com/vXPYhT5.jpeg"
常量img=新图像（）
img.onload=（）=>console.log（“有效图像：）”）
img.onerror=（）=>console.log（“无效图像：（”）
img.crossOrigin=“匿名”
img.src=src

根据Mozilla CDN：

Image（）

构造函数创建一个新的

HTMLImageElement

实例。它在功能上等同于

document.createElement（'img'）

。 请参阅此链接：

我还检查了我的macOs上Opera中的功能不起作用！但是，它在所有其他浏览器上都起作用。请参阅此链接：

---

此外，为了与浏览器兼容，还提到了一些opera for mobile的功能未知！

一些移动浏览器在将图像放在DOM上之前不会加载图像以减少数据消耗。因此，我没有测试设备。但您可以尝试此代码

函数validateImageUrl（url）{
const image=document.createElement（'img'）；
image.onload=（）=>{console.log（“有效图像：）”）}
image.onerror=（）=>{console.log（“无效图像：（”）}
image.crossOrigin=“匿名”
image.style.display='none'；
document.body.appendChild（图像）；
image.src=url；
}
validateImageUrl（'https://i.imgur.com/vXPYhT5.jpeg')；

这似乎不是问题的答案。现在还不清楚问题出在哪里。你是说

console.log

没有在Mobile Safari中记录任何东西吗？你知道如何在Mobile Safari中首先访问控制台吗？URL验证是什么意思？URL语法，src可用性..@Quentin I ed我想让问题更清楚。@MenaiAlaEddine我的意思是“图像在浏览器中正确加载”。更具体地说：

img.onload

回调火。@gedhean-它不再清晰了。如果您登录到控制台，但看不到控制台，那么代码是如何工作的？您是否在询问如何使它执行除登录到控制台之外的其他操作？如果是，您希望它执行什么操作，以及在获取它时遇到什么问题o这样做？请提供此信息的来源？@gedhean您在设备上测试过吗？实际上，我没有要测试的设备。错误跟踪程序（第三方服务）正在报告错误。基本想法是向DOM添加一个图像标记。如果此图像未显示存在其他问题。是否可以从错误跟踪器捕获屏幕快照？或许可以使用browserstack在测试设备环境中查看代码。