【问题标题】:Cross browser compatibility issue: displaying images跨浏览器兼容性问题:显示图像
【发布时间】:2014-11-30 18:59:24
【问题描述】:

我在这样的应用程序中显示图像:

<img src="\\999.99.99.999\Project\Images\logo.png" alt="logo" \>

图像位于远程计算机中的特定文件夹中,如果我使用 Internet Explorer,它们会正确显示在我的网页中。但是,图像根本不会在任何其他浏览器(Chrome、Firefox、Safari、Opera 等)中显示。

我在网上搜索过,发现很多关于相反问题的参考资料(在许多浏览器中显示但不在 IE 上显示的图像),但没有提到这个特定问题。

有人可以帮忙吗?

编辑

我尝试了不同的方法,但结果更不令人满意:图像没有在任何浏览器中显示,这里有一些例子:

<img src="//999.99.99.999/Project/Images/logo.png" alt="logo" \>
<img src="http://999.99.99.999/Project/Images/logo.png" alt="logo" \>
<img src="file://999.99.99.999/Project/Images/logo.png" alt="logo" \>

【问题讨论】:

    标签: html image cross-browser


    【解决方案1】:

    为了显示图像(或其他媒体内容),您应该使用适当的 URI 方案

    protocol://server_addr/path/file.ext
    

    类似

    http://127.0.0.1/images/picture.jpg
    

    在您的示例中,您似乎试图通过 CIFS 下载图像(注意开始时的反斜杠和 2 个反斜杠)它很可能是 MS 的网络协议,因此 Internet Explorer 可以使用它,但 firefox 和 opera 可以吨。

    【讨论】:

    • 感谢您的回复,但是当我尝试您的建议时,图像不会在任何浏览器中显示,甚至 IE 也不显示
    • 您需要远程机器已安装并启动 IIS 或 Apache 等 Web 服务器。
    • 你能解释得更好吗?
    • 安装和配置 Web 服务器是一项复杂的任务,如果您不知道它是什么的话。也许您应该从远程服务器复制该图像文件并将其粘贴到您的 html 文件所在的同一文件夹中?然后像&lt;img src="filename.jpg" alt="" /&gt; 一样简单地使用它
    • 对不起,我没有让你解释如何安装和配置网络服务器,我想让你解释为什么你说为了在不是 IE 的浏览器中显示图像需要这样做.该配置是否使文件可以通过 http 协议访问?附带说明一下,将图像复制到本地计算机不是解决方案,因为 Web 应用程序将被许多计算机访问,并且它从单个远程计算机(服务器)获取许多元素。
    【解决方案2】:

    看起来您正在尝试使用 protocol-relative url,但斜线的方向错误(应该是 // 而不是 \\) - 事实上,url 中的所有斜线都应该是正斜线

    【讨论】:

    • 感谢您的回复,但是当我尝试您的建议时,图像不会在任何浏览器中显示,甚至 IE 也不显示
    • 听起来您的图像无法通过 http 获得 - 您确定您正在运行一个正确配置的 Web 服务器来托管图像吗?您可以通过将 html 中的 url 值放入地址栏中来在浏览器中查看图像吗?
    • 不,如果我输入 \\999.99.99.999\Project\Images\logo.pngfile://999.99.99.999/Project/Images/logo.png,它们会显示:如果我输入 http://999.99.99.999/Project/Images/logo.png,它们不会显示
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多