Здравствуйте Как можно взять полный path файла Input type="file" В event.target.files приходит

объект, а там в свойстве name не путь а только имя картинки
Как можно взять весь путь со всеми папками ?

Вроде никак. А главное - зачем?

Ну например нужно постить на сервер и отобразить картинку

Так для этого вроде как локальный путь не нужен ;) Локальный путь скрыт для программ из соображений безопасности

А как можно отобразить?

С помощью File Reader API, например. Бинарные данные у вас есть в инпуте. Или загрузить на сервер, там обработать, при необходимости, и потом скинуть урл на клиента.

https://developer.mozilla.org/ru/docs/Web/API/URL/createObjectURL_static

Спасибо большое

Сейчас прочитаю. Спасибо большое

Не за что

Там есть пример как отобразить картинку

Спасибо. Попбробую сейчас. Я получал только имя картинки. И это нужно постить на сервер А потом получать и отобразить. С локальным путем не получится. Нужно понять как это реализовать.

По идее там не имя, а объект File

Да если нужно multiple То из event-а приходит массив объектов В которых есть свойство name и еще несколько свойств. От туда берётся только имя с форматом (screenshot.png)

И это нужно постить

Нет, постить нужно сам объект

Эти объекты это и есть файлы

Но там кроме имени были только какие-то цифры(date по моему) и еще что то не помню уже😀

Да, все правильно, ты видишь только пару полей, но это и есть файл

А после успешного пост запроса 😀. Как потом это можно отобразить после получения.

ну вот весь объект вместе с циферками кидайте на сервер

Так тебе уже ссылка просто придёт на файл

Её в img src просто вставить нужно

Ну и с тем методом, что я скинул или через FileReader можно даже до загрузки на сервер отобразить

Это типо бэк все сделает или как?

или не сделает но можете заставить его сделать

Ну да, он должен сохранить картинку у себя или на внешнем ресурсе и вернуть ссылку на файл

Сейчас у меня нету бэка😀 Пробую с json-server Так не возможно будет что то сделать?

😀👍

маловато

По этому хотел получить локальный путь😀

а бэк вы сами потом должны добавить или у вас будет бекендер кто этим будет заниматься?

Нет. Это просто учебный проект.

прям сложно что-то посоветовать, если у вас есть хоть какой-то мизерный опыт работы с ноды то можете по быстрому сделать а так хз, локальный путь в любом случае вы получить не сможете

Да понятно все Спасибо вам Главное понял что как Чтобы в дальнейшем с реальными проектами разобраться,как можно это организовать

Глянь на ютубе простенький пример сервера на ноде, который принимает файл картинки и сохраняет, это реально в 1 небольшом js файле реализуется

В чатгпт загенерить еще быстрее

Har
Так сработало Все работает в первый раз. и json-se...

тебе на сервер нужно файл передавать, а не результат URL.createObjectUrl(), эта функция нужна только для локального отображения картинки

Объект целиком отправить?

грубо говоря из файла сделать ссылку и передать ее в const imageUrl = URL.createObjectUrl(file); В html <img [src]="imageUrl">

На сервер - да

А вот поэтому в первый раз отображается а потом нет

ну так да, на бэке надо сохранить картинку и прислать уже ссылку на нее

Понял. Спасибо то души

не за что)