arweave-binary-upload.js

const file = document.querySelector("input[type=file]").files[0];

const reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = () => {
  const key = require("../arweave-keyfile.json");

  const arweave = Arweave.init({
    host: "arweave.net",
    port: 443,
    protocol: "https",
    timeout: 20000,
    logging: false,
  });
  
  arweave
    .createTransaction({ data: Buffer.from(reader.result) }, key)
    .then(async (transaction) => {
      transaction.addTag("Content-Type", file.type);
      await arweave.transactions.sign(transaction, key);
      
      const uploader = await arweave.transactions.getUploader(transaction);
      while (!uploader.isComplete) {
        await uploader.uploadChunk();
        console.log(`${uploader.pctComplete}% complete, ${uploader.uploadedChunks}/${uploader.totalChunks}`);
      }
    })
};