изображения относительный путь в angular2

Я работаю над проектом Angular2 (MEAN стек), и я пытаюсь добавить изображение (извлеченное из базы данных), таким образом:изображения относительный путь в angular2

<img [src]="'../../../public/img/mountains-thumbnail/' + mountain.image">

mountain.image является переменную, содержащую данные (изображение), полученные из базы данных. App работает, но это дает мне эту ошибку в консоли Google Chrome:

GET http://localhost:3000/public/img/mountains-thumbnail/everest.png 404 (Not Found)

Как вы можете видеть, что я могу успешно получить изображение из базы данных, но я, кажется, есть ошибка на пути изображения.

Вот моя структура проекта (в верхнем регистре для папки, в нижнем регистре для файлов):

-ASSETS 
    - APP 
     - MOUNTAINS 
       mountain.component.js // here I'm trying to include the image 
-BIN 
-MODELS 
-NODE_MODULES 
-PUBLIC 
    - IMG 
     -MOUNTAINS-THUMBNAIL 
      everest.png 
-ROUTES 
-VIEWS 
app.js 
gulpfile.js 
package.json 
tsconfig.json

источник

2016-05-15 splunk

попробуйте использовать одну переменную, которая содержит полный путь к изображению. может помочь вам следующим образом: '', также имя вашей папки находится в капитальном исправить. –

имена папок в верхнем регистре только здесь, для того, чтобы все было ясно. – splunk

Попробуйте один

<img [src]="'public/img/mountains-thumbnail/' + mountain.image">

если корневой папки SRC или приложение, чем использовать

<img [src]="'src/public/img/mountains-thumbnail/' + mountain.image">

вместо этого один -

<img [src]="'../../../public/img/mountains-thumbnail/' + mountain.image">

просто удалить ../../../

источник

2016-05-15 19:18:21

не работает. Это действительно странно – splunk

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

У меня есть «горная» папка, внутри которой есть структура, которую я написал в вопросе. Я также пробовал: «« гора/публика/img/mountains-thumbnail/'+ mountain.image » – splunk

если вы пробовали @Pardeep джайнскую ответ и не работать с вами. Я могу только думать, что ваш сервер не может получить доступ к папке с изображениями.

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

источник

2016-05-16 07:24:28

изображения относительный путь в angular2

ответ

Смежные вопросы