有没有办法将图像的来源设置为font-awesome图标

Question

我有一个div，它将通过defualt有一个虚拟图像。当点击div时，我将src设置为相机图片。直到现在虚拟图像曾经是一个URL。但现在我被建议使用font-awesome。有什么方法可以将图像标签的`src1设置为font-awesome图标。

这是图片标记

getLatestCaptureCut()

Answer 1

没有。 Font Awesome不会将图像用于图标，而没有img属性的src元素是无效的HTML。

您可以做的是添加逻辑以显示或隐藏图像旁边的虚拟图标。以下是在父包装器上使用class的示例：

<div className="show-icon">
    <i className="fa fa-..."></i>
    <img src="..." />
</div>

当父div元素具有.show-icon类时，您可以使用CSS显示图标并隐藏图像：

div i.fa { display: none; }
div img { display: block; }

div.show-icon i.fa { display: inline-block; }
div.show-icon img { display: none; }