個人開発してるアプリのユーザー新規登録時にアイコン画像も登録できるように修正しました。
コミットは以下になります。
修正前はユーザー登録ではユーザー名、Eメールアドレス、自己紹介文を登録する仕様にしていたので、そこにアイコン画像も加えるようにしました。
Buefyのb-uploadコンポーネントを用いて以下のように画像選択用の項目を追加しました。
<b-upload v-model="file" required> <a class="button is-primary"> <b-icon icon="camera"></b-icon> <span v-if="file == null"> 写真を選択してください </span> </a> </b-upload>
この修正でAPI側も画像データをS3にアップロードする実装を追加しました。
似たような実装を行ってるAPIが他にもあるので時間を作ってリファクタリングしていきたいと思います。
だんだん機能が整ってきて楽しいです。