Всем привет В vuejs пару дней, скажите пожалуйста, как через input

Question

Vue.js — русскоговорящее сообщество

Aleksa

Всем привет В vuejs пару дней, скажите пожалуйста, как через input

file добавить изображение на страницу?

#frontend #javascript #programming #russian #vue.js

0

10.01.2021

4 ответов

21 просмотр

Норм Чел ⃤

Можно через vuex. Отправляешь файл на сервер, сохраняешь его там, возвращаешь себе ссыль, ссыль сохраняешь в vuex. <input type="file" class="form-control-file" id="image" accept="image/*" ref="md" @change="imgAdd"> <img :src="news.image" class="card-img-top img-fluid" :alt="news.title"> computed: { news() { return this.$store.getters['news'] } }, methods:{ imgAdd(event){ let data = new FormData(); const config = { headers: { 'content-type': 'multipart/form-data' } }; data.append('file', event.target.files[0], event.target.files[0].name) this.$axios.$post('/uploadImage', data, config) .then((response) => { this.$store.commit('news/changeImage', response.link) }) }, }

0

10.01.2021

Aleksa Автор вопроса

Пользователь 61559
<input type="file" id="file" ref="myFiles" class="...

Спасибо)

0

10.01.2021

Aleksa Автор вопроса

Норм Чел ⃤
Можно через vuex. Отправляешь файл на сервер, сохр...

Благодарю, тож попробую такое

0

10.01.2021

Пользователь 61559 · Accepted Answer

Пользователь 61559

<input type="file" id="file" ref="myFiles" class="custom-file-input" @change="previewFiles" multiple> data() { return { files: [], } }, methods: { previewFiles() { this.files = this.$refs.myFiles.files } } Вроде так,потом через img выводишь

0

10.01.2021

169 похожих чатов

Всем привет В vuejs пару дней, скажите пожалуйста, как через input

4 ответов

Похожие вопросы