ts 图片 转 base64
时间: 2023-06-29 21:15:13 浏览: 73
在 TypeScript 中,可以使用以下代码将图片转换为 Base64:
```typescript
function getBase64Image(img: HTMLImageElement): string {
const canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
const ctx = canvas.getContext("2d");
// Draw the image onto the canvas
ctx?.drawImage(img, 0, 0);
// Get the data URL string
const dataURL = canvas.toDataURL("image/png");
return dataURL;
}
// Usage example
const img = new Image();
img.src = "path/to/image.png";
img.onload = () => {
const base64 = getBase64Image(img);
console.log(base64);
};
```
在上面的示例代码中,我们创建了一个 `getBase64Image` 函数,该函数将传入的 `HTMLImageElement` 对象绘制到一个 `canvas` 元素上,并将该 `canvas` 元素转换为 Base64 编码的字符串并返回。使用示例代码,我们可以通过设置 `img.src` 属性加载一个图片,然后在 `onload` 回调函数中调用 `getBase64Image` 函数将图片转换为 Base64 编码的字符串。