Как я могу проверить, является ли URL допустимым изображением (в javascript)?

Question

При отправке формы я хочу убедиться, что поле является допустимым URL-адресом изображения.

Я мог бы создать конечную точку AJAX на моем сервере, которая отбрасывает URL-адрес и анализирует выходные данные с помощью библиотеки изображений, ноэто немного излишне.

Могу ли я сойти с создания элемента <img>, а затем как-то синхронно проверить ответ?

Answer 1

Вы можете создать элемент <img> и обработать его onerror и onload события.

Если происходит событие load, это допустимое изображение; если событие error срабатывает, это не так.
Это даже работает в разных доменах.

Answer 2

Сделайте это, следующий код заменит любое не-изображение изображением по умолчанию.

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