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

Bin ich mit Meteor 0.5.2 und bekomme folgende Warnung in Chrome für jedes der Bilder, die Ihre src generiert ein template-helper:

Resource interpreted as Image but transferred with MIME type text/html:
"http://localhost:3000/images/". domutils.js:126

In meinem template habe ich definiert das Bild, wie diese:

<img src="images/{{userOwnerAvatar}}" alt="" width="32" height="32" />

Ich bin mit einem template-helper-Funktion zu ziehen Sie die genauen Bild-Namen (z.B. "avatar.jpg") von Mongo. Alle Bilder sichtbar sind und korrekt geladen im browser.

Geben, wenn ich in den image-Namen direkt in die Vorlage (hardcode Bild Namen), und die Warnmeldung verschwindet.

z.B.

<img src="images/avatar.jpg" alt="" width="32" height="32" />

Warum muss ich immer diese Warnung und was kann ich dagegen tun?

Dank, Wladimir

Ich habe festgestellt, dass das einfügen nur-Bild-Datei-Namen direkt in der Vorlage ist nicht klug, in Meteor, der aus irgendeinem Grund so nun ist mein Helfer Funktion gibt den kompletten image-tag. Wenn mein Helfer Funktion gibt den ganzen image-tag alle Warnungen Weg.
Auch beim Umgang mit erweiterten Meteor.user (), die ich zu tun hatte, prüfen, ob z.B. avatar-Feld existiert (durch die Verwendung von if ('avatar' in Meteor.user())). Es scheint Meteor ruft meine Funktion zwei mal und die erste Zeit zB Meteor.user().avatar gibt 'undefined' aus irgendeinem Grund.

InformationsquelleAutor vladimirp | 2013-01-06

  1. 1

    Den Wert von {{userOwnerAvatar}} ist nicht korrekt aufgelöst wird, das ist, warum Ihr browser ist zu sagen, dass "http://localhost:3000/images/" interpretiert wurde, die als text/html (beachten Sie das fehlen des eigentlichen Bildes einen Dateinamen, URL). Fixieren Sie Ihre Vorlage Helfer 🙂

    Ich kann sehen, dass das Bild korrekt im browser und element Untersuchen in Chrome zeigt die Bild-url korrekt (<img src="images/avatar.jpg">) Beim Start von meteor-Anwendung, mit der ich sehen kann, ein "Bild nicht gefunden" - Symbol für einen Bruchteil einer Sekunde und dann eigentliche Bild ersetzt. Es ist wie meine helper-Funktion zurück nicht den Namen des Bildes vor dem Rendern des templates. Ich werde weiter das Problem zu untersuchen.
    Ich habe festgestellt, dass das einfügen nur-Bild-Datei-Namen direkt in der Vorlage ist nicht klug, in Meteor, der aus irgendeinem Grund so nun ist mein Helfer Funktion gibt den kompletten image-tag. Wenn mein Helfer Funktion gibt den ganzen image-tag alle Warnungen Weg.
    wie geben Sie den mime-Typ in einer Vorlage Helfer?
    Nicht sicher, was Sie damit meinte, warum sollte Sie das tun wollen?
    Um zu vermeiden, dass die Fehlermeldung in Chrome. Ist es, weil die Bild-url generiert reactivly, dann Chrome hat eine leere url, bis der Inhalt geladen!¿ Thx.

    InformationsquelleAutor Rahul

  2. 4

    Verwandte, auch wenn Sie nicht speziell die Beantwortung der Frage oben, ich hatte eine ähnliche Warnung/Fehlermeldung. Mein CSS war so:

    .myClass a{
    background: url(my-image.png) top left no-repeat;
}

    Fixiert es indem man Sie zu (beachten Sie die Anführungszeichen und den Schrägstrich):

    .myClass a{
    background: url('/my-image.png.png') top left no-repeat;
}

    Ich weiß nicht, warum die Zitate und slash-Sache, für Meteor (oder LENKER)...

    InformationsquelleAutor Ze Jibe

  3. 1

    Dies ist die unsichere Inhalte Warnung generiert Chrom, sagen, dass der server sendet falsche oder fehlende Content-type im HTTP-header. Manchmal geschieht dies auch beim laden von benutzerdefinierten Javascript-oder CSS, etc.

    Ich habe auch erlebt das gleiche Problem. Hier, der browser erwartet Content-type: image/jpeg aber es ist interpretiert als text/html. Da du nicht angegeben content-type in Ihre Helfer.

    Diese sind einfach eine Art Warnungen, dass hat keine Auswirkungen auf die Anwendung ausgeführt wird.

    Mein Helfer-Funktion nur den Namen der Bilddatei, das Bild ist nicht gehalten in der db sondern im Dateisystem in der /images/ Ordner.

    InformationsquelleAutor sohel khalifa

  4. 1

    Ich hatte ein ähnliches problem, konnte es beheben, indem mein img-Ordner in den Ordner "public" auf dem Meteor-Projekt, also es wurde direkt bedient. Meine Quell-url ist immer noch src="img/pic.png".

    InformationsquelleAutor Raz

  5. 0

    Ich hatte ein ähnliches problem mit dem iron-router-Paket, obwohl die Bilder wurden überhaupt nicht angezeigt. Meine Bilder sind in der public/- Verzeichnis. Sie wäre richtig, wenn ich die url http://localhost:3000/tracker, aber meine Seite auf Pfad http://localhost:3000/tracker/item würde nicht Bilder laden richtig und gab mir den oben genannten Fehler.

    War ich mit dem folgenden html-Code:

    <img src="{{this.itemImage}}" alt="{{this.itemName}}">

    Wenn ich fügte hinzu,'/', bevor {{this.itemImage}} wie diese:

    <img src="/{{this.itemImage}}" alt="{{this.itemName}}">

    Bild ordnungsgemäß geladen wurde, und es wäre kein Fehler.

    InformationsquelleAutor user2356741

Schreibe einen Kommentar