ajax iframe重新加载后图像不显示

Posted 2023-05-09

【中文标题】ajax iframe重新加载后图像不显示

【英文标题】：image not showing after ajax iframe reload

【发布时间】：2020-01-28 20:34:02

【问题描述】：

我正在研究配置文件系统，当用户单击表单提交按钮时，iframe 会重新加载，从而显示用户配置文件并更新内容。重新加载工作正常，但第一次重新加载/刷新后图像未显示。表示当用户访问图像时显示成功，但是当用户保存数据（即更改图像并将其保存）时，iframe 中的图像不会出现，我必须重新加载页面然后图像才会出现。

这是ajax成功代码

$("#profile_iframe").fadeOut("slow", function()  //fadesout the iframe
        $('#profile_iframe').hide().attr('src', (index, attr) =>  //Reloads the iframe
          return attr;
        );
        setTimeout(() => 
          $('#profile_iframe').fadeIn('slow'); //fades in after reload
        , 2000);
      );

其他内容刷新成功，只有图片没有显示。所以ajax没有问题。

然后我尝试了这段代码

$("#profile_iframe").fadeOut("slow", function() 
        $('#profile_iframe').hide().attr('src', (index, attr) => 
          return attr;
        );
      );
      $('#profile_iframe').fadeIn('slow');

这里图片在ajax提交后显示成功，但是fadeOutfadeIn不能正常工作。提交 iframe 后立即淡出淡入，然后以白色快照重新加载。看起来不太好。

我什至尝试等待 iframe 重新加载然后淡入，但随后图像不再显示，我认为当我尝试将 fadeIn 函数放在另一个函数中时，图像不会显示。

我知道它有点冗长，但我们将不胜感激！ 谢谢你

【参考方案1】：

经过一番研究，终于明白了 在 fadeIn(2000) 中添加了延迟； 谢谢