具有协议相对源URL的图像不会在Firefox中加载

时间:2015-11-18 20:13:32

标签: html firefox

我在我的应用程序中使用以下语法,以便通过https或http加载图像,具体取决于页面的加载方式。

<img src="//path_to_image.jpg">

这适用于Chrome,但firefox不显示任何图片。

我该怎么做才能解决这个问题?

2 个答案:

答案 0 :(得分:2)

//用于支持多种协议(即httpsscripts: { options: { transform: function(filePath) { filePath = filePath.replace('/client/', ''); filePath = filePath.replace('/.tmp/', ''); return '<script type="text/javascript" src="' + filePath + '"></script>'; }, starttag: '<!-- injector:js -->', endtag: '<!-- endinjector -->' }, files: { '<%= yeoman.client %>/index.html': [ ['{.tmp,<%= yeoman.client %>}/{app,components}/**/*.js', '{.tmp,<%= yeoman.client %>}/template/js/*.js', '{.tmp,<%= yeoman.client %>}/scripts/components/sidebar/*.js', '{.tmp,<%= yeoman.client %>}/scripts/components/modal/modalEffects.js', '{.tmp,<%= yeoman.client %>}/scripts/components/input/inputFiller.js', '{.tmp,<%= yeoman.client %>}/scripts/socket.js', '!{.tmp,<%= yeoman.client %>}/scripts/app.js', '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.spec.js', '!{.tmp,<%= yeoman.client %>}/{app,components}/**/*.mock.js'] ] } }, ),这些类型的URL称为“协议相对URL”,并与完整的域名一起使用。大多数CDN网址与//.

一起使用

如果您打算使用//请确保使用完整域名网址(即//xyz.com/images/path_to_image.jpg)。如果您只想使用根的相对路径,则使用单斜杠(即/)

按照帮助你理解//使用

l.tileLayer

答案 1 :(得分:1)

使用//只能使用完整的网址('//yourhost.tld/directory/path_to_image.jpg')。在你的情况下,一个斜杠/应该就够了!