храню изображения в массиве loadedFiles, затем хочу, чтоб вместо плюсика у меня появлялось загруженное изображение
Проблема в том, что :src='...' не работает, так как нет пути для этого изображения, он его не находит, что, в общем-то, логично
Вопрос:
Есть ли какой-то метод, который определяет путь для картинки при её загрузке, чтоб я могла прописать это в :src? Или какой-то другой способ?
Если нет, то у меня есть вариант отправить картинку на бэкэнд, получить url картинки обратно и затем вставить этот url в :src
Но я бы хотела услышать, если есть другой способ реализации
upd:
1 скриншот: 2 изображения уже были загружены с бэка, я пытаюсь загрузить 3-е и ничего не отображается (ниже видно src)
Переводить картинку в data/base64 и вставлять это
data:image/png;base64,33jooqo6tpsYO0ii5cCJHQ.png Такое в src Что-то неправильное(
Если вы хотите выбрать картинку и отобразить на клиенте, не отправляя на сервер, используйте https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
Вот даже статья есть. https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications#example_using_object_urls_to_display_images
Спасибо!) Помогло
Обсуждают сегодня