4

Meteor 0.5.2 を使用しており、テンプレート ヘルパーによって生成された src を持つ各画像について、Chrome で次の警告が表示されます。

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

私のテンプレートでは、次のように画像を定義しました。

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

テンプレート ヘルパー関数を使用して、Mongo から正確な画像名 ("avatar.jpg" など) を取得しています。すべての画像が表示され、ブラウザーに正しく読み込まれます。

イメージ名をテンプレート (ハードコード イメージ名) に直接入力すると、警告が消えます。

例えば

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

この警告が何度も表示されるのはなぜですか? また、どうすればよいですか?

ありがとう、ウラジミール

4

5 に答える 5

1

これは Chrome によって生成される安全でないコンテンツの警告で、サーバーが間違ったものを送信している、またはContent-typeHTTP ヘッダーが欠落していることを示しています。これは、カスタム Javascript や CSS などをロードするときにも発生することがあります。

私も同じ問題を経験しました。ここで、ブラウザは を期待Content-type: image/jpegしていますが、 と解釈されtext/htmlます。content-typeヘルパーで を指定していないためです。

これらは、アプリケーションの実行に影響を与えない単純なタイプの警告です。

于 2013-01-07T06:18:00.053 に答える
1

{{userOwnerAvatar}} の値が正しく解決されていないため、ブラウザは「http://localhost:3000/images/」が text/html として解釈されたと表示しています (その中に実際の画像ファイル名がないことに注意してください)。 URL）。テンプレートヘルパーを修正してください:-)

于 2013-01-06T19:14:07.087 に答える
0

画像がまったく表示されませんでしたが、鉄のルーターパッケージを使用して同様の問題が発生していました. 私の画像は public/ ディレクトリにあります。url を使用している場合は正しく表示されますhttp://localhost:3000/trackerが、パス上のページでhttp://localhost:3000/tracker/item画像が正しく読み込まれず、前述のエラーが発生しました。

私は次のhtmlを使用していました：

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

このように前に「/」を追加すると{{this.itemImage}}：

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

画像は正しく読み込まれ、エラーは発生しません。

于 2014-07-05T07:22:22.257 に答える