通過 jQuery AJAX 獲取圖像

以下圖像標籤在我的登錄頁面中

<img id="CaptchaImg" alt="Captcha" src="@url.action("Captcha","Login")" style="" />

現在，當我刷新我的登錄頁面時，它工作正常，並從控制器獲取圖像，但是當我註銷並且登錄頁面呈現時。控制器方法沒有被呼叫。問題僅在 IE 中可以在 Chrome 上正常工作。有有工作嗎？我可以對控制器進行 jQuery Ajax 呼叫嗎？我試過了，但沒有呼叫成功方法。還有其他方法嗎？

$.ajax({
   type: "GET",
   url: '/Login/CaptchaImage',
   datatype: "image",
   success: function(data) {
       debugger
       $('#CaptchaImg').attr('src', data);
   }
});

試試這個

$.ajax({
   type: "GET",
   url: '@Url.Action("Captcha","Login")',
   dataType:"image/jpg",
   success: function (data) {
       $('#CaptchaImg').attr('src', data);
   }
});

web 伺服器應該返回 base64 數據。像這樣

{ base64Data:"blahblahblah" }

您的 ajax 請求內容類型可以是純 json ；在ajax的成功功能中，您可以這樣做

   success:function(data){
    var src="data:image/png;base64,"+data.base64Data;
     $('#CaptchaImg').attr(src,src)
}

引用自：https://stackoverflow.com/questions/17339876