ts 图片文件 转 base64
时间: 2023-08-11 08:15:04 浏览: 472
在 TypeScript 中,可以使用以下代码将图片文件转换为 Base64:
```typescript
function fileToBase64(file: File): Promise<string> {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => resolve(reader.result as string);
reader.onerror = error => reject(error);
});
}
// Usage example
const fileInput = document.getElementById("file-input") as HTMLInputElement;
fileInput.addEventListener("change", async () => {
const file = fileInput.files[0];
const base64 = await fileToBase64(file);
console.log(base64);
});
```
在上面的示例代码中,我们创建了一个 `fileToBase64` 函数,该函数将传入的 `File` 对象读取为 Base64 编码的字符串并返回一个 `Promise` 对象。使用示例代码,我们可以通过文件选择器获取一个图片文件,然后调用 `fileToBase64` 函数将图片文件转换为 Base64 编码的字符串。注意,`fileToBase64` 函数是异步函数,需要使用 `await` 或 `then` 方法获取函数返回的值。
阅读全文