提交表单时,我想确保字段是有效的图片网址。
我可以在我的服务器上创建一个AJAX端点来CURLs URL并用图像库解析输出,但这感觉有点过分。
我能不能制作一个<img>
元素,然后以某种方式同步检查响应?
答案 0 :(得分:12)
您可以制作<img>
元素并处理其onerror
和onload
个事件。
如果load
事件触发,则为有效图像;如果error
事件触发,则不是。
这甚至适用于各个领域。
答案 1 :(得分:4)
执行此操作时,以下代码将使用默认图像替换任何非图像。
<img src="xx" onerror="this.src = '/images/default.png'">