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

我正在使用配置文件系统，当用户单击表单提交按钮时，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提交后成功显示，但淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡。提交iframe后，立即淡出fadeIn，然后用白色快照重新加载。看起来不太好

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

我知道它有点长，但一些帮助将不胜感激！

---

谢谢

经过一番研究，终于明白了 在fadeIn（2000年）中增加了延迟； 谢谢