在不使用 <img> 标签的情况下在 div 中使用图像 [重复]答案

【问题标题】：Using image in div without using <img> tag [duplicate]在不使用 <img> 标签的情况下在 div 中使用图像 [重复]
【发布时间】：2014-06-08 02:31:21
【问题描述】：

我有一个 html 内容

<div> <img src="xyz.jpg"> </div>

从网络服务中以十六进制格式获取图像。我正在将此十六进制格式转换为 jpeg 并显示在 div 中。但是<img src=""> 需要一个源文件夹来存储图像。由于数据来自 Web 服务并且正在转换为 jpeg 并显示在 div 中，因此我无法使用 <img src=""> 标签。您知道实现此目的的其他替代方法吗？

【问题讨论】：

使用css的background-image属性w3schools.com/cssref/pr_background-image.asp
再次，这需要一个源网址，这是我不想要的

标签： javascript image html

【解决方案1】：

你可以使用Data URI:

<img src="data:image/png;base64,...">

【讨论】：

你仍在使用标签，这是 OP 不想要的

【解决方案2】：

你可以用 style 和 backgroundimage 来做，像这样：

   <div style="background-image:url(xyz.jpg);"></div>

【讨论】：

url 再次检查图像实际存储的源 url，但我没有将图像存储在任何地方..动态获取十六进制格式并显示到 UI 中..