如何测试URL是否是有效图像(在javascript中)?

时间:2010-09-19 02:05:31

标签: javascript forms image

提交表单时,我想确保字段是有效的图片网址。

我可以在我的服务器上创建一个AJAX端点来CURLs URL并用图像库解析输出,但这感觉有点过分。

我能不能制作一个<img>元素,然后以某种方式同步检查响应?

2 个答案:

答案 0 :(得分:12)

您可以制作<img>元素并处理其onerroronload个事件。

如果load事件触发,则为有效图像;如果error事件触发,则不是。
这甚至适用于各个领域。

答案 1 :(得分:4)

执行此操作时,以下代码将使用默认图像替换任何非图像。

<img src="xx" onerror="this.src = '/images/default.png'">