画像を取得する方法: Vue を使用して Base64 または ArrayBuffer から

Question

ここで説明されているように、Vue フロントエンドに画像を送信する Flask バックエンドがあります:

リーリー

Vue フロントエンドでは、この画像は最終的に Web ページに表示されるはずです。最も簡単な方法は、画像を静的フォルダーに保存することだと思います。私のストアでは、次のようなアクションをとります:

リーリー

画像を保存して Web 上でレンダリングする他の方法も喜んで試してみたいと思います。画像を Vuex ストアに直接保存できますか?

Answer 1

Vuex に画像データを保存できます

＃＃＃ストレージ：＃＃＃ リーリー

API から

base64

を取得したと仮定して、元のデータを送信してください: リーリー または、

ArrayBuffer

を取得した場合は、最初に変換してください: リーリー

ArrayBuffer を Base64 に変換する方法は、ここで見つけてください。^こちら そしてそれをテンプレートで使用します:

リーリー