如何在img中显示加载img直到ajax请求 [英] how to show loading img inside img till ajax request

问题描述

我想在图片中显示加载gif，

我正在从数据库中检索图像和值，图像将显示在img控件中，值将显示在文本框中，我希望直到图像从数据库中反转我想在同一控件中显示加载gif，其中将显示来自数据库的反向img。并且在img之后数据库在img控件中完全加载，然后值应显示在文本框中。



i做了这样的事情。

Hi,

I want to show loading gif inside a image,
I am retrieving image and values from the database, image will be shown in img control and values will be shown in textbox,I want till the image is retrive from the database i want to show loading gif in the same control where the retrive img from database will be shown .and after the img from the database in fully loaded in img control then the values should be display in text box.

i did some thing like this.

$('#imgAssetCard').load(function () {
 }).attr('src', "../images/loading.gif");

var ImagePath = "GetImageHandler.ashx?param=" + date + "&assetDesc=true&Opt=AssetDesc&Invid=" + Invid + "";


$('#imgAssetCard').load(function () {
  $.ajax({
           type: "POST",
           url: "AjaxGetAssetTagNumAssetDesc.aspx?param=" + date + "&Invid=" + Invid + "",
           async: false,

           success: function (strData) {
               response = strData;

               if (strData != "") {
}


       });

   }).attr('src', ImagePath);

推荐答案

（'＃imgAssetCard'）。load（function（）{
}）。attr（ 'src'，.. / images / loading.gif）;

('#imgAssetCard').load(function () { }).attr('src', "../images/loading.gif");

var ImagePath = "GetImageHandler.ashx?param=" + date + "&assetDesc=true&Opt=AssetDesc&Invid=" + Invid + "";

（'＃imgAssetCard'）。load（function（）{

('#imgAssetCard').load(function () {

.ajax（{
type：POST，
url：AjaxGetAssetTagNumAssetDesc.aspx？param =+ date +& Invid =+ Invid +，
async：false，

success：function（strData）{
response = strData;

if（strData！=）{
}


}）;

}）。attr（'src'，ImagePath）;

.ajax({ type: "POST", url: "AjaxGetAssetTagNumAssetDesc.aspx?param=" + date + "&Invid=" + Invid + "", async: false, success: function (strData) { response = strData; if (strData != "") { } }); }).attr('src', ImagePath);

这篇关于如何在img中显示加载img直到ajax请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！