如何选择加载的图像并将其插入div

Question

我有一个在调用网站时加载的图片。

<img id="some_Image" src="some_source">

现在我想重新使用该图片， NOT 再次从"some_source"请求它。 （因为必须计算它，我不想重新计算它）。我想稍后在某个JQuery对话框中显示该图像。我知道append和prepend函数的存在，但阅读文档似乎我必须插入一个完整的图像标记作为参数，这会导致再次请求图像。 （如果浏览器没有缓存图像）

Answer 1

查看jQuery clone

它也应该与图像一起使用，如果图像已被浏览器加载，它应该重复使用它。

编辑：

$( "#some_image" ).clone().appendTo( "#some_div" );

Answer 2

默认情况下，所有浏览器都尽可能多地缓存（js，css，images）。这样，在加载图像的那一刻，您可以使用相同的源路径创建新的<img>标记，浏览器将使用其本地缓存文件。