首页 > 解决方案 > 我可以让 src 属性从服务器或调整服务器获取 base64 数据吗?

问题描述

我有这个图像标签,它必须在我不能使用 Javascript 的电子邮件中。鉴于 API 正在工作并由我自己编写,我如何让这个图像标签 src 从我的 API 中获取 base64 数据?

    <img src="https://qr-generator-test.herokuapp.com/create-qr-code?data=184B2598-E19C- 
    4454-95CE-6BD7498F21D4" style="max-width:300px; width: 100%; padding: 0px; 
    text-align: center; display:block;" width="300">

或者我可以编辑我的 API 来做一些更聪明的事情吗?有什么解决办法吗?

标签: javascripthtmlimage

解决方案


在您向客户发送电子邮件之前,请将 src 属性更改为有效的 base64 图像:

 <img src="data:image/gif;base64,..." style="max-width:300px; width: 100%; padding: 0px; 
    text-align: center; display:block;" width="300">

在这里,您必须将二维码图像二进制编码为 base64。

或者将其设置为您当前的 url 并以常规方式显示图像。

 <img src="https://qr-generator-test.herokuapp.com/create-qr-code?data=184B2598-E19C- 
    4454-95CE-6BD7498F21D4" style="max-width:300px; width: 100%; padding: 0px; 
    text-align: center; display:block;" width="300">

为此,您需要在 url 上返回图像二进制数据,仅此而已。没有其他图像的 url,没有文本,只有 QR 码中的普通二进制文件。

当我访问时:https://qr-generator-test.herokuapp.com/create-qr-code?data=184B2598-E19C-%204454-95CE-6BD7498F21D4我得到一个 URL,而不是一个有效的图像。https://qr-generator-test.herokuapp.com/qr-code/55m1bnju1367f7.png指向二维码图像。

我希望我能澄清你的问题是什么。


推荐阅读