如何删除下载图像时显示的问号？

Question

当用户点击按钮时，会下载图像。

在下载它们时，Safari会显示一个问号。

我怎样摆脱这个？

我考虑过onerror事件监听器，但这不是错误。图像下载需要时间。并不是图像不在特定的src。

在ajax调用之后，图像标记被添加到页面的dom中。当图像元素等待访问实际图像时，它会显示这个恼人的问号。

我怎样摆脱它？

Answer 1

隐藏包装元素，直到图像完全加载。您可以将onload事件挂钩到图像，然后在完成时显示包装元素。

Answer 2

在显示之前预先加载图像。

或者，在加载图像时，有一个作为占位符的微调器的图像。

或者，等待显示图像直到加载完毕。

Answer 3

您可以等待图片本身加载。在设置onload属性之前，创建图像元素并添加src回调。在回调中，您可以将图像添加到dom。

Answer 4

从HTML源代码中删除<img> - 标记。使用Javascript加载图像作为Image()个对象。将onload处理程序添加到图像。使这些onload图像创建<img>标记并将它们插入DOM。

Image image = new Image();
image.onload = function() {
     // insert image into your DOM 
}
image.src = 'yourImage.jpg';