如何检查是否链接到图像没有被破坏[重复]

Question

在添加src属性到图像之前，有没有办法检查图像链接是否工作？我所尝试过的：

• 第一个想法是对image src进行ajax调用，但我不能确定CORS pocily是否会允许
• 将OneError回调添加到我的组件中。没有运气，因为我使用SSR，它会导致问题

我的用例：我正在构建文本编辑器，用户可以插入到图像的链接。在将链接插入我的模型之前，我想知道链接是否正常。

Answer 1

其他答案/问题不是专门关于跨域请求的。如果你只需要支持现代浏览器，你可以使用一个不透明的抓取请求，它可以跨域工作，并且很容易使用。

js prettyprint-override">fetch('http://example.com/your-image-url', { mode: 'no-cors' }).then(() => {
 if (response.ok) {
   // the image exists
 }
});