在javascript中显示blob中的图像

我正在使用本地存储html5。首先，我将mysql db值保存到localstorage中，然后在我想要的地方获取。我想将图像（如产品图像）保存到localstorage中，然后将它们显示在我想要的位置

我在mysql中用blob保存图像时做了一个实验，我可以使用php获取并显示它们，但我不想在这里使用php，目的是脱机工作。我无法通过javascript显示图像

有人能帮我吗？？ 可能有两种方式

一个是，我们可以在javascript中用某种字符串将图像（我必须是图像的路径）写入，然后我可以在任何地方显示它

第二条路。。 正如我所说，我把它保存在blob中，我可以使用javascript只显示blob中的图像吗。顺便说一句，我可以很容易地从数据库中提取值。现在唯一的事情就是将该值保存到javascript中，并在我想要的地方显示它的图像

我将等待回复，谢谢：）

您可以使用a来显示图像：

<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />

---

这要求您对数据进行编码，并且在某些浏览器中对数据大小有限制（例如，IE中为32kb）。

您也可以使用

URL。createObjectURL（blob）

进行指定。为了实现跨浏览器兼容性，请检查：

---

@Chris F-No.摘自链接文章：

Internet Explorer至第7版（截至2010年7月约占市场的27%）缺乏支持。

如何创建URL对象？URL应该存在于全局范围内（即

window.URL

），但如果您不使用现代web浏览器，则可能是特定于供应商的，因此，请执行以下操作：

var URL=window.URL | | window.webkitURL从这个答案中，我可以查找此规范的mdn：
var uri = URL.createObjectURL(blob);
var img = new Image();

img.src = uri;
document.body.appendChild(img);