时间戳

首页 > 解决方案 > 如何在javascript中将文件转换为字节流

javascript - 如何在javascript中将文件转换为字节流

问题描述

如何将文件转换为字节数组。

另一种方式低于一个

let file = new File([myBlob], "name");

文件需要转换成字节流

标签： javascript

解决方案

您可能可以尝试使用浏览器中可用的 FileReader API。

let file = new File(...) // this could be from file input or other source
let fileReader = new FileReader();

fileReader.readAsArrayBuffer(file);
fileReader.onload = function(ev) {
    const result = ev.target.result;
    console.log(result); // here it is
}

根据这个答案，如果结果 fromreadAsArrayBuffer对您不起作用，您可能需要将其转换为实际byte[]using new Uint8Array。这是上述代码的扩展版本：

let file = new File(...) // this could be from file input or other source
let fileReader = new FileReader();

fileReader.readAsArrayBuffer(file);
fileReader.onload = function(ev) {
    const array = new Uint8Array(ev.target.result);
    const fileByteArray = [];
    for (let i = 0; i < array.length; i++) {
       fileByteArray.push(array[i]);
    }
    console.log(array); // here it is
}

这里是用 promise 包裹起来的实现，方便使用：

function getByteArray(file) {
   return new Promise(function(resolve, reject) {
       fileReader.readAsArrayBuffer(file);
       fileReader.onload = function(ev) {
           const array = new Uint8Array(ev.target.result);
           const fileByteArray = [];
           for (let i = 0; i < array.length; i++) {
               fileByteArray.push(array[i]);
           }
           resolve(array);  // successful
       }
       fileReader.onerror = reject; // call reject if error
   })
}

//usage
let file = new File(...)
getByteArray(file).then((byteArray) => {
    // do whatever you need
    console.log(byteArray);
})

PS如果由于某种原因不能参考ev.target，请尝试fileReader.result改用。

推荐阅读