Covert file into Binary in React/Javascript without blob
Apr 2, 2022
Let’s Roll the Code:
import React, { useState, useEffect } from “react”;
export default function App() {
const [fileInput, setFileInput] = useState([]);
function uploadFile() {
var reader = new FileReader();
var fileByteArray = [];
reader.readAsArrayBuffer(fileInput);
reader.onload = (evt) => {
if (evt.target.readyState === FileReader.DONE) {
var arrayBuffer = evt.target.result,
array = new Uint8Array(arrayBuffer);
for (var i = 0; i < array.length; i++) {
fileByteArray.push(array[i]);
}
console.log(fileByteArray);
}
};
}
return (
<div>
<input type=”file” onChange={(e) => setFileInput(e.target.files[0])} required />
<button onClick={() => uploadFile()}>Submit</button>
</div>
);
}
Please Do Like and Share
