Vue.jsで画像プレビュー機能を実装 - Qiitaはじめに 以前Laravel + AWS S3を用いて、画像アップロード機能を実装しました。 その際、プロフィール画像の変更時に画像のプレビューが見れたらいいなと思いましたので今回はプレビュー機能を実装していきます。 せっかくなので、Vue.jsで実装してみようと思います。まだVue.jsはほぼ知識がないので勉強しながら実装していきます。 バージョン ・Laravel：7.20.0 ・Vue.js 2.5.17 流れ 大まかな流れは以下の通り Vueファイルの作成 処理の実装 コンポーネントの登録 開発 まずは、プレビュー用のVueファイルを作成します。 resources/js/components配下で新規作成します。 処理はこちらになります。 <template> <div> <div> <input type="file" name="avatar" ref="preview" v
