如何使用 Javascript 显示以 jpg 编码字符串开头的图像?

发布于 2024-10-12 08:35:24 字数 290 浏览 1 评论 0原文

我必须处理的一个烦人的 API 提供了一个 jpg 图像,但它是一个更大的 JSON 对象中的 JSON 编码字符串,而不是仅仅使 jpg 在某个 url 上可用。我有代码可以使用 javascript 访问此 api,但是如何让图像显示在页面上呢?

更新:提供图像的 API 是从 javascript 访问的,而不是服务器,所以理想的是纯 javascript 解决方案。我不必支持 IE6,但我必须支持 IE7、Firefox 和 Chrome。 jpg 不是base64 编码的,但我可以在javascript 中对其进行base64 编码。

An annoying API that I have to deal with provides an image as a jpg, but it is a JSON-encoded string within a larger JSON object, rather than just making the jpg available at some url. I have code to access this api with javascript, but then how do I get the image to show up on the page?

update: The API providing the image is accessed from javascript rather than a server, so ideal would be a pure javascript solution. I don't have to support IE6 but I do have to support IE7, Firefox, and Chrome. The jpg isn't base64 encoded but I could base64 encode it in javascript.

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

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

发布评论

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

评论(1

偏爱自由 2024-10-19 08:35:24

如果 JSON 字符串是 Base 64 编码的,那么您可以将其输出为 Data URI,例如

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

这也是如果字符串是 URL 编码的(例如,主要是 ASCII,以及用于非打印和非 HTML 安全字符的 %xx 格式),则可以工作(没有 base64 标记)。

If the JSON string is base 64 encoded then you can output it as a Data URI, e.g.

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

This also works (without the base64 tag) if the string is URL encoded (e.g. mostly ASCII, and %xx format for non-printing and non-HTML-safe characters).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文