javaScriptでファイルをバイナリで取得方法

解決したいこと

javaScriptで画面からアップロードしたファイルをバイナリで取得方法
※大容量ファイルのアップロードなので、FileReaderのreadAsArrayBufferを利用したい

例）
OutSystemsのリアクティブでファイルアップロード処理を作ってます。
javaScriptで画面からアップロードしたファイルをバイナリで取得方法について、FileReaderのreadAsdataURLを利用してファイルのバイナリデータを取得できたが(以下のソースをご参照)、しかし大容量ファイルをアップロード時readAsdataURLだとメモリパンクするので
readAsArrayBufferで１MBずつバイナリデータを取得方法を教えてください

発生している問題・エラー

readAsArrayBufferでのバイナリデータ取得

readAsDataURL該当するソースコード

JavaScript
1funcion readAndSend(file){
2 var reader = new FileReader();
3 reader.addEventListener('load',function){
4   //readAsDataURL
5   var startOfBinary =this.result.indexOf(";base64,")+8;
6   var lengthBinary=this.result.length - startOfBinary ;
7   var fileBinary = this.result.substr(startOfBinary,lengthBinary);
8  
9   //↑ここでfileBinaryファイルのバイナリデータを取得できた
10 }.false);
11 reader.readAsDataURL(file);
12}

readAsArrayBuffer該当するソースコード

JavaScript
1funcion readAndSend(file){
2 var reader = new FileReader();
3 var chunkSize = 1024*1024;  //1MB毎読み取り用
4 reader.addEventListener('load',function){
5   //readAsArrayBuffer
6
7   var fileBinary = new Unit8Array(reader.result);
8  
9   //↑ここでfileBinaryファイルのバイナリデータを取得できない
10
11 }.false);
12 reader.readAsArrayBuffer(file);
13}

自分で試したこと

ここに問題・エラーに対して試したことを記載してください。

Lhankor_Mhy

2021/11/08 05:17

『readAsdataURLを利用してファイルのバイナリデータを取得できた』とのことですが、これはBase64形式にエンコードされた文字列だと思いますので、一般的な「バイナリデータ」ではないと思います。ここで言う「バイナリデータ」とは、Base64形式にエンコードされた文字列のことを指すと考えていいですか？

MK0011

2021/11/08 05:31

ご質問ありがとうございます。一応OutSystemsでデバックして、以下から取得した値を見るとBinaryDataになってますが、一般的な「バイナリデータ」になるか、すみませんそこ私の勘違いかもしれません。 var fileBinary = this.result.substr(startOfBinary,lengthBinary); readAsArrayBufferも同じようなデータ（大容量ファイルを一気に読み込みになるとメモリパンクするので、１MBずつ）を取得できればいいと思いますが、実現は可能でしょうか

Lhankor_Mhy

2021/11/08 05:37

つまり、そのOutSystemsというフレームワークを介するとバイナリ文字列になるということだと理解しました。そのフレームワークについてまったく知識がないので、お役に立てなさそうです。

MK0011

2021/11/08 05:45

ご回答ありがとうございます。フレームワークを一旦気にしないで頂いて、Base64形式にエンコードされた文字列に変換は可能でしょうか?

Lhankor_Mhy

2021/11/08 06:00

ご質問はXY問題のように思います。 ArrayBuffer はメモリ上にすべてのデータを配置するので、チャンクを処理して捨てて、という形でメモリを開放しながら節約する処理はできないと思います。 https://ja.meta.stackoverflow.com/questions/2701/xy-%e5%95%8f%e9%a1%8c-%e3%81%a8%e3%81%af%e4%bd%95%e3%81%a7%e3%81%99%e3%81%8b int32_tさんのご回答が参考になるのでは。