动态创建带有预加载图像的html img元素

Question

假设以下内容：

a）我有一个像这样创建的图像对象：

var myImage = new Image()
myImage.src = filepath

b）myImage已加载100％，文件路径有效，是一个完全合适的图像对象

c）我通过JQuery动态创建一个图像元素

var bitmap = $('<img />')

---

我想做什么

到目前为止，位图元素是同步创建的。如何获取已加载的 myImage ，以同步显示在位图元素中？

Answer 1

添加以下代码

var bitmap = $('<img>').attr('src', filepath);

因为下面的代码已经加载了图像，而且这个图像被浏览器缓存

var myImage = new Image()
myImage.src = filepath

因此“位图”不会再次下载图像而是会使用缓存图像。