J'essaie de montrer une image d'arrière-plan dans mon projet Laravel de CSS.
Mais l'image ne montre pas. J'ai vérifié le chemin d'image et c'est correct.
J'utilise Panneau d'administration Voyager .
Je sauve l'enregistrement du chemin d'image de html dans la console J'ai trouvé l'erreur ci-dessous
Le chemin actuel est config / fichiersystems.php publique \ images \ image_name . 
Public / Images / Bannières / March2019 / Nom_fr Public / Images / BannersMarch2019Image_Name .
pas de slash .
5 Réponses :
Ce n'est pas une question de Laravel, mais une question de bootstrap. Regardez bootstrap> Composants> Carrousel
Essayez ceci:
où est la fermeture de '
@Dimitri Mostrey ....... dans mon carrousel, je dois définir l'image comme arrière-plan non img src .
{{? {{? Pourquoi deux fois?
Si ce $ bannière [0] -> banner_image contient un chemin approprié puis {{URL ($ banner [0] -> banner_image)}} serait suffisant, je suggère de sauvegarder Seul le nom de fichier à la base de données ceci devrait seulement renvoyer $ banner [0] -> banner_image ... quelque_filename
J'avoue qu'il y avait une erreur dans le code, je l'ai corrigée. Dans tous les cas, il est préférable d'utiliser le système de fichiers intégré de Laravel ( laravel.com/docs/5.7/ Système de fichiers ). Dans ce cas, ce serait Stockage :: URL ('images /'. $ Bannière [0] -> banner_image);
Vous ne devriez pas ajouter public dans votre méthode d'URL, WeGserver Root est en public, votre code devrait donc être:
<div class="carousel-item active" style="background-image: url('images/{{ $banner[0]->banner_image }}')">
Votre screenshot Suggérez / Structure de dossiers que vous utilisez peut utiliser panneau d'administration Voyager , si tel est le cas, alors vous Peut utiliser votre image ci-dessous:
<div class="carousel-item active" style="background-image: url('{{ Voyager::Image($banner[0]->banner_image) }}')">
Essayez ce code <div class="carousel-item active" style="background-image: url('{{asset('images/banners/March2019') }}/{{$banner[0]->banner_image}}');">
permet de dire que ceci est votre balise div dans le fichier de vues D'autres pages ne l'accéderont pas depuis sa limite pour donner un chemin, Ajouter / avant les images par exemple
Jetez un coup d'œil à F12 -> Style et voyez ce qui s'est passé là ..
Oui j'ai vérifié depuis
Inspecter élément aussi. Le chemin est montré correctementAvez-vous une erreur dans la console? Essayez également de définir
hauteur / largeur sur divOui j'ai trouvé une erreur dans la console. Et il n'y a pas de
slash entre le dossier et le nom de l'image! Mais pourquoi !Utilisez-vous un panneau d'administration Voyager?
Pouvez-vous mettre à jour comment allez-vous enregistrer la trajectoire de l'image dans la base de données?
@Abhinavverma ... YES Panneau d'administration Voyager
Si vos fichiers sont stockés dans un dossier de stockage, il n'est pas nécessaire d'ajouter du public dans l'URL d'image
@Vipertecpro ... J'ai mis à jour mon message