Javascript 十六进制字符串到图像

发布于 2024-09-05 13:25:30 字数 295 浏览 2 评论 0原文

我就直接切入正题吧。现在我正在开发一个基于网络的应用程序。它具有基于 PHP REST 的架构,可提供 XML 文档。其中许多文档的属性都是十六进制编码的图片字符串。

在客户端,jQuery AJAX 获取包含图片的 XML 文档。我需要在某些 中显示所述图片标签。然而我对这些方法缺乏了解,所以我在这里寻求帮助。

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

需要跨浏览器,或者对不支持它的浏览器进行修改也可以。

谢谢, 贡纳尔

I'll cut right to the chase. Right now I am developing a web based application. It has a PHP REST based architecture that serves up XML documents. On many of these documents attributes are hex encoded picture strings.

On the client side jQuery AJAX fetches an XML document with a picture in it. I need to display said picture in some <img> tags. However my knowledge on such methods is lacking so here I am asking for help.

Goal:
JavaScript String variable in hex or base64 >>> HTML displayed image.

Cross browser is required, or a hack for the ones that do not support it is fine.

Thanks,
Gunnar

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

朕就是辣么酷 2024-09-12 13:25:30

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

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

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

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

Encode the images using base64 and write them out in a CDATA string into your XML with this format:

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

When constructing your document, use this string as your src

<img src="data:image/png;base64,0123456789abcdefg..." />
简美 2024-09-12 13:25:30

是否可以使用 php 文件来渲染图像? 该 php 文件可以写入一些 base64 编码值,例如

echo base64_decode($_GET['data']); 

当您嵌入图像时,

<img src="http://host/yourPhpFileForDecode.php?data=base64encoded.../>

Is it possible to use a php file just for rendering the image? That php file could write some base64 encoded values via

echo base64_decode($_GET['data']); 

while you embed images like

<img src="http://host/yourPhpFileForDecode.php?data=base64encoded.../>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文