よろしくお願い致します。
基本はタイトルの通りとなっております。
詳細に書くと、
ブラウザ上でzipファイルを受け取り、JS上でzipを解凍後、中に入っている画像データをlocalStorageに保存し次の画面に遷移させ利用したい。といった目的があります。
重要なのは、画像データを一旦サーバーなどにおかずクライアント内で完結させたい、という所です。
なので、質問の答えにはなっていなくても、例えばlocalStorageを使わずこういうことをやると目的を満たせるよ、というのがもしあれば、そういったのもお待ちしております。
試したことは
// blobには画像データが入っています。
const str = await blob.text();
const reBlob = new Blob([str], {type: 'image/png'});
const fileReader = new FileReader();
fileReader.readAsDataURL(reBlob);
fileReader.onload = () => {
document.getElementById('imageElement').src = this.result;
}
というコードを書いてみましたが、返ってくるdataUrlはどうやら正しくないようで、imgタグの画像が存在しないときに表示されるアイコンが表示されています。
このような書き方では上手く行かないのでしょうか。
いくつかのサイトを見てみましたが、私のような状況に陥っている方を見つけられず、質問させていただきます。