js file 转base64
时间: 2023-11-30 17:06:47 浏览: 31
在JavaScript中,你可以使用FileReader对象将文件转换为Base64编码的DataURL。以下是一个示例代码,展示了如何使用FileReader将文件转换为Base64编码的DataURL。
```javascript
function fileToBase64Async(file) {
return new Promise((resolve, reject) => {
let reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = (e) => {
resolve(e.target.result);
};
});
}
```
你也可以使用blobToDataURL函数将文件转换为Base64编码的DataURL。以下是一个示例代码:
```javascript
const blobToDataURL = (blob, cb) => {
let reader = new FileReader();
reader.onload = function (evt) {
let base64 = evt.target.result;
cb(base64);
};
reader.readAsDataURL(blob);
};
// 使用示例:
const file = /* 你的文件 */;
blobToDataURL(file, (base64) => {
console.log(base64);
});
```
你还可以在以下在线示例中查看演示:[https://mouday.github.io/front-end-demo/base64-file/base64-file.html](https://mouday.github.io/front-end-demo/base64-file/base64-file.html) <span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [js:File和Base64(DataURL)互相转换](https://blog.csdn.net/mouday/article/details/126895235)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [js:file转base64](https://blog.csdn.net/skyblacktoday/article/details/108580573)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]