ファイルを読み込んでプレビュー表示してみる。（Vue.js始めるおれおれアドベントカレンダー2016 – 12日目） | Ginpen.com

Vue.js始めるおれおれアドベントカレンダー2016 – 12日目 昨日のフォームのやつで「ファイルはアレだよ」という話になってたので、アレするのを試してみました。 デモ コード コードは抜粋しか記載してないのでGitHubの方で確認してください。 選択したファイルをプレビュー表示 ファイル情報の取得 App.vue <input @change="file_change" ref="file" type="file" multiple /> <ul v-if="form.files.length > 0"> <li v-for="(file, index) in form.files"> #{{index + 1}} <ul> <li>名前: {{file.name}}</li> <li>サイズ: {{file.size.toLocaleString()}} bytes</li> <l

[goodtime683]

, [Javascript]