js将file文件 ,分别转为 base64 , blob ,和ArrayBuffer
时间: 2024-12-11 08:39:58 浏览: 34
在JavaScript中,你可以使用不同的方法将File对象转换成Base64、Blob或ArrayBuffer。以下是相应的步骤:
1. **转为Base64**:
使用`FileReader` API 的`readAsDataURL`方法可以读取文件并生成一个包含Base64编码的数据URL。
```javascript
async function fileToBase64(file) {
const reader = new FileReader();
await new Promise((resolve, reject) => {
reader.onloadend = function() {
resolve(reader.result);
};
reader.onerror = reject;
reader.readAsDataURL(file);
});
}
```
调用时,传入File对象即可:
```javascript
fileToBase64(file).then(base64Data => console.log('Base64:', base64Data));
```
2. **转为Blob**:
可以直接从File构造一个Blob对象。
```javascript
function fileToFileBlob(file) {
return new Blob([file], {type: file.type});
}
```
3. **转为ArrayBuffer**:
首先读取为Blob,然后创建一个新的ReadableStream,接着读取这个流到ArrayBuffer。
```javascript
async function fileToArrayBuffer(file) {
const blob = fileToFileBlob(file);
const arrayBuffer = await new Response(blob).arrayBuffer();
return arrayBuffer;
}
```
使用同样方式调用:
```javascript
fileToArrayBuffer(file).then(arrayBuffer => console.log('ArrayBuffer:', arrayBuffer));
```
阅读全文