Ressource interpretiert als Bild, sondern übertragen mit MIME-Typ text/html - Eckig

In meinem angular app, ich bin mit einem upload-Feld und zeigt das Vorschaubild des hochgeladenen Bildes unter dem Feld Datei. Die Bilder wird hochgeladen und die Vorschaubilder angezeigt werden, aber manchmal ist die Miniaturansicht nicht angezeigt wird und in dieser Zeit bin ich immer diese Fehlermeldung Resource interpreted as Image but transferred with MIME type text/html

Aber das gleiche Bild kann die Arbeit irgendwann und kann nicht von irgendeiner anderen Zeit. Ist dies das Problem mit .httaccess ?

RewriteEngine   On
RewriteBase     /foldername/
RewriteCond     %{REQUEST_URI} !^(/index\.php|/img|/js|/css|/robots\.txt|/favicon\.ico)
RewriteCond     %{REQUEST_FILENAME} !-f
RewriteCond     %{REQUEST_FILENAME} !-d
RewriteRule     .               index.html              [L]
suchen Sie im Netzwerk-tab des browser-Konsole, um genau zu sehen, was zurückgegeben wird, einschließlich der Header.
In den header der Antwort, die ich bekam Content-Type:text/html -
aber was ist wieder in die Körper? Und was ist status? Meine Vermutung ist, eine 404-Seite oder etwas wie das
eckig ist das laden des hintergrund des Projekts und dann der Browser hängt sich auf..
Das passiert mir auch. Sie neugierig, ob Sie in der Lage waren, eine Lösung zu finden. Ich habe versucht, verschiedene Dinge, wie das setzen eines neuen content-type-Header, - Umschaltung meine div-tags für ein Objekt und festlegen der content-type gibt es, aber noch immer text/html. Funktioniert gut in localhost, aber nicht wenn Sie eingesetzt werden.

InformationsquelleAutor I'm nidhin | 2015-01-22

  1. 1

    Verwenden ng-src für Bilder, wenn Sie mit einem angular-Ausdrücke für die Bild-URL ist.

    Sonst der browser sehen funky URL ' s wie:

    <img src="{{image.url}}">

    Und wird versuchen, die Anforderungen an Pfade, die Sie offensichtlich nicht lösen können.

    Folgenden jedoch nicht ein src bis eckig schafft es mit einem entschlossen Ausdruck

    <img ng-src="{{image.url}}"> <!-- browser sees no "src" yet therefore doesn't make a request -->
    Aber für die ausgefallenen Bilder, auch wenn ich das Bild öffnen im browser, ie wie example.com/foldername/images/imagename.png, das Bild wird nicht geladen, sondern es zeigt nur das Hintergrundbild der website.

    InformationsquelleAutor charlietfl

  2. 0

    Tatsache, dass:

    ...aber manchmal ist die Miniaturansicht NICHT angezeigt und damals bin ich immer diese Fehlermeldung Ressource interpretiert als Bild, sondern übertragen mit MIME-Typ text/html...

    Sollten hier beantwortet werden: Ressource interpretiert als Bild, sondern übertragen mit MIME-Typ text/html -

    (Zitieren, form der Antwort, die passt zu den oben genannten Szenario)

    Dies könnte auch auftreten, wenn das Bild Weg ist falsch eingestellt. Zum Beispiel relativ zum aktuellen Verzeichnis "images/myimage.gif" vs in Bezug auf web-root "/images/myimage.gif".

    Der Verweis auf "text/html" könnte darauf hindeuten, Sie haben einen Fehler wird vom server zurückgegeben.

    Als charlietfl darauf hingewiesen, es hängt davon ab, Wann Sie die url bereit. In eckigen, es könnte ein bisschen später, als die <img src="" berührt wird/ausgeführt von DOM. So, um es - warten-url bereit - es zu ändern ng-src

    Der angegebene Pfad im src ist, wie "example.com/foldername/images/imagename.png"
    Ich würde sagen, dass unser Problem hier ist - 1) Bild Pfad korrekt ist (gut) 2), aber als meine Antwort sagt: der server ist mit falschen Weg. Wie konnte es passieren? die url zum Bild wird später eingestellt... z.B. einmal $http unterstützt Last. Oder irgendein Modell.imagUrl behoben ist. Und das ist, wo wir können, verwenden Sie eckige feature ng-src... hoffe es hilft 😉

    InformationsquelleAutor Radim Köhler

Schreibe einen Kommentar