在演示中将base64 qrcode转换为jpg或png

【问题标题】：convert base64 qrcode to jpg or png in demo在演示中将base64 qrcode转换为jpg或png
【发布时间】：2020-07-24 02:20:34
【问题描述】：

我在app.ts文件中写了这段代码：

const image = await qrcode(text);
const imgTag = `<img src="${image}" alt="qrcode" />`;
const encoder = new TextEncoder();
await Deno.writeFile("./qr.html", encoder.encode(imgTag));

输出它的问题是在 HTML 文件中，但我想将 base 64 图像转换为 jpg 或 png。如何做到这一点？

【问题讨论】：

这能回答你的问题吗？ How can I write files in Deno?

标签： typescript deno

【解决方案1】：

要将Uint8Array（我假设这是qrcode 返回的内容）编码为base64，您可以使用std/encoding。

import { encode } from 'https://deno.land/std/encoding/base64.ts'

const image = await qrcode(text);
// use correct mime: png or jpeg
const imgTag = `<img src="data:image/png;base64,${encode(image.buffer)}" alt="qrcode" />`;
const encoder = new TextEncoder();
await Deno.writeFile("./qr.html", encoder.encode(imgTag))

【讨论】：