Javascript 如何检测图像URL并使用Jquery或MVC进行验证

我想检测一组图像的图像URL，如果任何图像URL为“cameraNotFound.jpg”，则用户应该会收到错误消息，并且不能单击“继续”按钮

下面是我的代码，它首先检查图像是否在datatbase中可用，如果它显示图像，但如果它不可用，则显示“cameraNotFound.jpg”图像

请参阅下面的代码：

<div id="list">



    @for (int i = 0; i < Model.Cameras.Count; i++)
    {
        CameraDto camera = Model.Cameras[i];
        <div>
            <p>

                @if (string.IsNullOrEmpty(camera.Base64Image))
                {
                    <a class="fancybox" rel="group" id="pickheadImageLightBox" title="@camera.Name : @camera.SerialNumber" href="/Content/Images/graphics/cameraNotFound.jpg">
                        <img alt="@i" id="pickheadImage" src="/Content/Images/graphics/cameraNotFound.jpg" width="200" height="150" />
                    </a>
                }
                else
                {  
                    <a class="fancybox" rel="group" id="pickheadImageLightBox" title="@camera.Name : @camera.SerialNumber" href="@("data:image/jpg;base64," + camera.Base64Image)">
                        <img alt="@i" id="pickheadImage" src="@("data:image/jpg;base64," + camera.Base64Image)" width="200" height="150" />
                    </a>
                }
            </p>
            <p>
                <strong>@camera.Name:</strong><br />
                <span id="pickheadImageDetails">@camera.SerialNumber</span>
            </p>
        </div>
    }
</div>
<div class="clearall"></div>
<p class="redtext">Camera not found, please detect the cameras again!</p>
<div role="button" class="marginTop50 marginBottom">
    <input type="button" id="getCameraSerialNumbers" value="Detect Cameras" class="active" />
    <input type="button" id="confirmCameraSerialNumbers" value="Confirm & Proceed" disabled="disabled" class="disabled marginLeft50" />
</div>

但它不工作，不能引用“camera”变量

如果您需要任何其他信息，请告诉我

---

请建议。

$（“img[src$='cameraNotFound.jpg']）。show（）这将做什么？我不知道如何使用这个？也许如果（$（$（$img[src$='cameraNotFound.jpg']）.length）{$（“#confirmCameraSerialNumbers”）[0].disabled=true；}你能提供不起作用的完整页面吗？@dandavis：谢谢你的建议。。这对我很管用。。我稍微修改了一下代码。但是使用了u提供的逻辑和它的低音很酷。。我也会分享我的工作代码。。非常感谢！

@if (string.IsNullOrEmpty(camera.Base64Image))
{
    <p class="redtext">Camera not found, please detect the cameras agarn!</p>
    <div role="button" class="marginTop50 marginBottom">
        <input type="button" id="getCameraSerialNumbers" value="Detect Cameras" class="active" />
        <input type="button" id="confirmCameraSerialNumbers" value="Confirm & Proceed" disabled="disabled" class="disabled marginLeft50" />
    </div>
} else
{ <div role="button" class="marginTop50 marginBottom">
        <input type="button" id="getCameraSerialNumbers" value="Detect Cameras" class="active" />
        <input type="button" id="confirmCameraSerialNumbers" value="Confirm & Proceed" class="active marginLeft50" />
    </div>
}