@semki096

Как при загрузке файла показать его превью, на примере vue.js?

В data - у меня лежат загружаемые файлы из <input type="file">.
new Vue({
    el: '#app',
    data: function (){
                  return {
                    files: []
                  }
},
....................


Дальше я вывожу названия файлов циклом
<ul>
        <li v-for="file in files">
                <p>{{file.name}}</p>
        </li>
</ul>`


Вопрос - как рядом с именем файла вывести его превью? Интересует именно vue.js way. Буду благодарен за подсказку.
  • Вопрос задан
  • 592 просмотра
Решения вопроса 1
carlcox
@carlcox
Fullstack developer
У тебя на input должен стоять @change функция к примеру, который ты через e.target.files, new fileReader и readAsDataURL() - записываешь в массив, а в цикле уже выводишь img с src="data"
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы