Météore: Ressources interprété comme Image mais transféré, avec le type MIME text/html
Je suis en utilisant Meteor 0.5.2 et obtenir de l'avertissement suivant dans Chrome pour chacune des images qui ont leurs src générées par un modèle helper:
Resource interpreted as Image but transferred with MIME type text/html:
"http://localhost:3000/images/". domutils.js:126
Dans mon template j'ai défini l'image comme ceci:
<img src="images/{{userOwnerAvatar}}" alt="" width="32" height="32" />
Je suis à l'aide d'un modèle de fonction d'assistance à sortir l'image exacte du nom (par exemple "avatar.jpg") de Mongo. Toutes les images sont visibles et correctement chargé dans le navigateur.
Quand j'ai taper le nom de l'image directement dans le modèle (coder en dur le nom de l'image) l'avertissement disparaît.
par exemple
<img src="images/avatar.jpg" alt="" width="32" height="32" />
Pourquoi reçois-je cet avertissement et ce que je peux faire à ce sujet?
Merci, Vladimir
J'en ai conclu que l'insertion seulement de nom de fichier image directement dans le modèle n'est pas sage dans le Météore pour une raison donc, maintenant, ma fonction d'assistance sorties de l'image complète de la balise. Lors de ma fonction d'assistance sorties de l'ensemble de la balise d'image toutes les mises en garde de s'en aller.
Aussi lorsque vous traitez avec de longues Météore.utilisateur (), j'ai dû faire un chèque si par exemple avatar champ existé (en utilisant si ("avatar" dans le Météore.utilisateur())). Il semble Meteor appelle ma fonction deux fois et la première fois par exemple, un Météore.utilisateur().avatar renvoie 'undefined' pour une raison quelconque.
Aussi lorsque vous traitez avec de longues Météore.utilisateur (), j'ai dû faire un chèque si par exemple avatar champ existé (en utilisant si ("avatar" dans le Météore.utilisateur())). Il semble Meteor appelle ma fonction deux fois et la première fois par exemple, un Météore.utilisateur().avatar renvoie 'undefined' pour une raison quelconque.
OriginalL'auteur vladimirp | 2013-01-06
Vous devez vous connecter pour publier un commentaire.
La valeur de {{userOwnerAvatar}} n'est pas de résoudre correctement, c'est pourquoi votre navigateur est à dire que "l'http://localhost:3000/images/" a été interprété comme texte/html (notez l'absence de l'image réelle de nom de fichier dans l'URL). Fixer votre template d'aide 🙂
J'en ai conclu que l'insertion seulement de nom de fichier image directement dans le modèle n'est pas sage dans le Météore pour une raison donc, maintenant, ma fonction d'assistance sorties de l'image complète de la balise. Lors de ma fonction d'assistance sorties de l'ensemble de la balise d'image toutes les mises en garde de s'en aller.
comment spécifier le type mime dans un modèle de l'aide?
Vous ne savez pas ce que vous vouliez dire, pourquoi voudriez-vous faire cela?
Afin d'éviter le message d'erreur dans google Chrome. Est-ce parce que l'url de l'image est générée reactivly, puis Chrome a un vide url jusqu'à ce que le contenu de charges!¿ Thx.
OriginalL'auteur Rahul
Liées, bien que pas spécifiquement de répondre à la question ci-dessus, j'ai eu ce genre d'avertissement/message d'erreur. Mon CSS est comme ceci:
Fixé par le transformant en (notez les guillemets et la barre oblique):
Je ne sais pas pourquoi les guillemets et la barre d'importance pour Meteor (ou le Guidon)...
OriginalL'auteur Ze Jibe
C'est l'insécurité avertissement sur le contenu généré par google Chrome, en disant que le serveur envoie erronées ou manquantes
Content-type
en-tête HTTP. Parfois, cela se produit également lors du chargement personnalisé Javascript ou CSS, etc.J'ai aussi eu le même problème. Ici, le navigateur attend
Content-type: image/jpeg
, mais il est interprété commetext/html
. Parce que vous n'avez pas spécifié lecontent-type
dans votre helper.Ceux-ci sont simplement un type de mises en garde qui n'a pas d'incidence sur l'exécution de l'application.
OriginalL'auteur sohel khalifa
J'ai eu un problème similaire, comme a pu le résoudre par un déplacement de mon dossier img dans le dossier public du projet Meteor de sorte qu'il a été servi directement. Mon url de la source est toujours
src="img/pic.png"
.OriginalL'auteur Raz
J'ai eu un problème similaire en utilisant le fer routeur paquet, bien que les images n'étaient pas de l'affichage. Mes images sont dans le public/répertoire. Ils s'afficher correctement si j'ai été en utilisant l'url
http://localhost:3000/tracker
, mais ma page sur le cheminhttp://localhost:3000/tracker/item
ne se charge pas correctement les images et m'a donné l'erreur susmentionnée.J'ai été en utilisant le code html suivant:
Quand j'ai ajouté '/' avant
{{this.itemImage}}
comme ceci:L'image qu'il se charge correctement, et il n'y aurait pas d'erreur.
OriginalL'auteur user2356741