Laravel, `.png` изображение в папке public / images / product отображается неправильно - PullRequest
Новая
       10

Laravel, `.png` изображение в папке public / images / product отображается неправильно

0 голосов
/ 02 сентября 2018

Я новичок и просто хочу перейти с маршрута-> вид для одного изображения.

Имя изображения Frozen_Ophelia_800x.png

Вот мой маршрут: 

Route::get('/products', function(){
    return view('/pages/product');
});

Вот мой product.blade.php 

<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

    <h1> <img src="public/images/product/Frozen_Ophelia_800x.png"></img></h1>

</body>

</html>

Однако, когда я получаю доступ к http://localhost:8000/products или http://127.0.0.1:8000/products, я просто получаю маленький значок в левом верхнем углу: tiny icon Я использовал командную строку для перемещения изображения в эту папку с рабочего стола в Ubuntu 18.04.

Вот как выглядит структура моего проекта с указанным изображением:

project in sublime

Ответы [ 2 ]

0 голосов
/ 02 сентября 2018

Вы можете получить доступ к изображениям из общей папки.

(1) проходной путь с APP_URL 

<img src="http://127.0.0.1:8000/images/product/Frozen_Ophelia_800x.png">

(2) прохода без APP_URL 

<img src="/images/product/Frozen_Ophelia_800x.png">
0 голосов
/ 02 сентября 2018

Скорее всего, это проблема с URL-адресом изображения, который определяется относительно текущей страницы, поэтому он пытается получить: 

http://localhost:8080/products/public/images/product/Frozen_Ophelia_800x.png

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

Если это так, вы можете переписать тег img как: 

<img src="/public/images/product/Frozen_Ophelia_800x.png">

Добавление / в начало заставляет браузер искать изображение, начиная с корня сайта, поэтому: 

http://localhost:8080/public/images/product/Frozen_Ophelia_800x.png
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...