ここで説明されているように、Vue フロントエンドに画像を送信する Flask バックエンドがあります:
Vue フロントエンドでは、この画像は最終的に Web ページに表示されるはずです。最も簡単な方法は、画像を静的フォルダーに保存することだと思います。私のストアでは、次のようなアクションをとります:
画像を保存して Web 上でレンダリングする他の方法も喜んで試してみたいと思います。画像を Vuex ストアに直接保存できますか?
Vuex に画像データを保存できます
API から
を取得したと仮定して、元のデータを送信してください: リーリー または、
リーリー
を取得した場合は、最初に変換してください: リーリー
ArrayBuffer を Base64 に変換する方法は、ここで見つけてください。こちら そしてそれをテンプレートで使用します:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vuex に画像データを保存できます
＃＃＃ストレージ：＃＃＃ リーリーAPI から
base64を取得したと仮定して、元のデータを送信してください:
ArrayBufferリーリーまたは、を取得した場合は、最初に変換してください:
リーリーArrayBuffer を Base64 に変換する方法は、ここで見つけてください。こちら そしてそれをテンプレートで使用します:
リーリー