Laden Bild in Sicht nach Ajax Anruf

Hier ist das Problem, das ich gerade jetzt lief. Ich habe einen Chat-Funktion Teil meiner Laravel-Anwendung, die entsprechende Benutzer Bilder lädt, wenn sie in die Konversation eingeben. Was ich nicht herausfinden kann, ist, wenn ich die URL für das Profilbild in die Ansicht anfüge, wird es das Bild tatsächlich nicht anzeigen, es zeigt nur einen "Platzhalter" an, wo das Bild sein sollte.Laden Bild in Sicht nach Ajax Anruf

Ich weiß, dass der Code für eine Tatsache funktioniert, weil ich in der Konsole den richtigen Pfad für das Bild im Ordner "Assets" sehen kann.

Also meine Frage ist, wie würde ich ein Bild nach dem Abrufen von Informationen aus einem Ajax-Anruf anzeigen.

$('.chat-wrapper').append(
        "<div class='message " + sent + "'>" + 
        "<div class='media-left'>" + 
        "<a href=''><img scr=" + data.profilePicture + " class='img-circle img-50x50' title=''></a>" + 
        "</div>" + 
        "<div class='media-body'>" + 
        "<small class='small-gray p-l-10 pull-right'>" + data.time + "</small>"+ 
        "<div class='heading'>" + 
        "<span>"+data.authorUserName+"</span>" + 
        "</div>" + 
        "<p>" + messageText + "</p>" + 
        "</div>" + 
        "</div>" 
      );

Vielen Dank für die Hilfe im Voraus!

Quelle

2017-01-09 max234435

klingt wie der Bildname/Pfad ist falsch/außerhalb des Kontexts –

Ich möchte sicherstellen, dass ich das verstehe. Sie haben console.log (data.profilePicture) und es gibt die richtige URL, aber das Bild wird nicht angezeigt. Was passiert, wenn Sie den Code überprüfen? Wird angezeigt? Oder zeigt es den richtigen Weg? – 0708

Können Sie uns Ihren Ajax-Anruf zeigen und wann er angerufen wird? Hast du das in deinem "Erfolg" anhängen? – ntgCleaner

$('.chat-wrapper').append(
       "<div class='message " + sent + "'>" + 
       "<div class='media-left'>" + 
       "<a href=''><img src='" + data.profilePicture + "' class='img-circle img-50x50' title=''></a>" + 
       "</div>" + 
       "<div class='media-body'>" + 
       "<small class='small-gray p-l-10 pull-right'>" + data.time + "</small>"+ 
       "<div class='heading'>" + 
       "<span>"+data.authorUserName+"</span>" + 
       "</div>" + 
       "<p>" + messageText + "</p>" + 
       "</div>" + 
       "</div>" 
     );

src nicht richtig geschrieben, dann beachten Sie die Stimmen nach dem src und das Ende src auch versuchen dies.

Quelle

2017-01-09 21:40:30

Du bist der Mann !! Lief wie am Schnürchen. Ich weiß nicht, wie ich das vermisst habe. Danke noch einmal. – max234435

Dies wird normalerweise verursacht, wenn Sie sich auf einer Route befinden, die die Basis-URL nicht korrekt darstellt.

Mithilfe der Hilfsfunktion asset() können Sie die URL für Ihren Asset-Ordner relativ zum öffentlichen Verzeichnis auf Ihrem Server erstellen.

https://laravel.com/docs/5.3/helpers#method-asset

Quelle

2017-01-09 21:37:59 pablow

Laden Bild in Sicht nach Ajax Anruf

Antwort

Verwandte Themen