Javascript Hex String to Image

Question

我会切入正确的追逐.现在我正在开发一个基于Web的应用程序.它有一个基于PHP REST的架构,可以提供XML文档.在许多这些文档中,属性是十六进制编码的图片串.

在客户端,jQuery AJAX获取带有图片的XML文档.我需要在一些<img>标签中显示所述图片.但是我对这些方法的了解不足,所以我在这里寻求帮助.

目标:十六进制或base64中的JavaScript字符串变量>>> HTML显示的图像.

需要跨浏览器,或者对不支持它的黑客很好.

谢谢,Gunnar

Answer 1

使用base64对图像进行编码,并使用以下格式将它们以CDATA字符串形式写入XML:

data:[<MIME-type>][;charset="<encoding>"][;base64],0123456789abcdefg...

构建文档时,请使用此字符串作为您的文档 src

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