在 javascript 中验证图像路径

【问题标题】：Validate an image path in javascript在 javascript 中验证图像路径
【发布时间】：2010-10-08 11:44:43
【问题描述】：

我有这样的图像：img src="" class='listPartialLoader' alt='loading' 我正在使用来自 ajax 调用的数据分配“src”值。有时，如果找不到图像，我想添加一个默认图像路径，例如“Images/default.jpg”。但是如何使用javascript检查图像是否存在？（基本上我想如果找不到图像添加默认图像）

【问题讨论】：

标签： javascript asp.net image validation

【解决方案1】：

您应该能够通过onerror 和onload 事件检查图像是否存在。

var myImg = new Image;
myImg.src = 'path/to/image';

myImg.onerror = function(){
    console.log("Error!");
}

myImg.onload = function(){
    console.log('Loaded!');
}

【讨论】：

【解决方案2】：

当您在 ajax 调用服务器期间检索 src 属性的值时，为什么不检查文件是否存在？

string src = GetSrc(); //whatever you need to do

if(System.IO.File.Exists(HttpContext.Current.Server.MapPath(src)))
{
    return src;
}
else
{
    return "path/default.jpg");
}

【讨论】：

【解决方案3】：

如果图像在脚本的同一域中，只需获取图像路径（在将其分配给图像元素之前）并向该路径发出简单的 HEAD ajax 请求（例如“images/default.jpg）。如果服务器状态为 304 或 200，图像存在

【讨论】：