javascript - イメージ URL を検出し、Jquery または MVC を使用して検証を行う方法

Question

一連の画像の画像 URL を検出したいのですが、画像 URL のいずれかが「cameraNotFound.jpg」である場合、ユーザーはエラー メッセージを受け取り、[続行] ボタンをクリックできないはずです。

以下は、データベースで画像が利用可能かどうかを最初にチェックするコードですが、画像が表示されますが、利用できない場合は「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>

@IF「エラーメッセージとボタン」を含むにも同じステートメントを使用しようとしました。

@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>
}

しかし、それは機能していません。「カメラ」変数を参照できません。

他に情報が必要な場合はお知らせください。

提案してください。