Typescript 中有 Base64 编码图像的类型吗？

Question

作为 Typescript 新手，我尝试尽可能准确地输入所有内容，作为学习过程的一部分。

\n

我有一个lqip来自 CMS 的（低质量图像占位符）属性，它应该是 base64 编码的图像。它显然是一个字符串，但将其作为字符串输入感觉有点不精确。

\n

mainImage: Schema.Post["mainImage"] & {\n  //  can I be more precise? It should be always a base64 encoded image, not just a generic string\xe2\x80\xa6\n  // e.g. "data:image/jpeg;base64,/9j/2wBDAAYEB\xe2\x80\xa6"\n  lqip: string\n}\n

\n

Typescript 中有 Base64 编码图像的类型吗？我尝试广泛搜索谷歌，但我只找到了有关atob/btoa转换的主题，而不是类型本身。谢谢！

\n

Answer 1

对于那些仍在寻找答案的人，您可以创建自己的类型

type Base64<imageType extends string> = `data:image/${imageType};base64${string}`

const base64: Base64<'png'> = 'data:image/png;base64test...'

你可以在这里尝试

Answer 2

我认为没有，但是您可以创建自己的类型作为字符串类型的别名，因此当您查看代码时，您可以消除常规字符串和基本类型之间的歧义。

type Base64 = string
mainImage: Schema.Post["mainImage"] & {
  lqip: Base64
}