Firefox图像加载问题[关闭]答案

【问题标题】：firefox image loading issue [closed]Firefox图像加载问题[关闭]
【发布时间】：2012-12-18 21:46:19
【问题描述】：

我从我的桌面加载了一张图片它在chrome中正确加载，但在firefox中没有加载通过下面的图像标记代码提供问题出在这一行

<img alt="Splitwise" id="logo" src="C:\Users\Admin\Desktop\defie.bmp">

代码：

        <header>

<body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->


        <img alt="Splitwise" id="logo" src="C:\Users\Admin\Desktop\defie.bmp">
        <header>
            <div class="menu">

                 <!--<a href="/">
                    <img alt="Splitwise" id="logo" src="//dx0qysuen8cbs.cloudfront.net/assets/logo-ffe4f2b804af3331e58f523445a844e2.png">
                </a>-->
                <ul>
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <div class="clearFloat"></div>
                </ul>
            </div>
        </header>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>

【问题讨论】：

为什么图片在C:\盘？
相关..stackoverflow.com/questions/4090712/…

标签： html firefox css xhtml

【解决方案1】：

改变这一行

<img alt="Splitwise" id="logo" src="C:\Users\Admin\Desktop\defie.bmp">

到

<img alt="Splitwise" id="logo" src="file:///C:/Users/Admin/Desktop/defie.bmp">

【讨论】：

【解决方案2】：

我认为这是因为您使用反斜杠尝试使用正斜杠的 uri 路径：

<img src="images/image.bmp" alt="whatever">

如果这不起作用，请尝试

<img src="file://C:/your_path_to_pic.jpeg" alt="whatever">

【讨论】：

【解决方案3】：

所有驱动器图像的第一个不加载到 ftp 服务器上，您需要将它们上传到 ftp 上的文件映射，像使用它一样使用它

<img src="LINK" alt="ALT TXT" />

尝试将 // 替换为完整且有效的链接，因为您提交的路径无效。试试这条线：

<img src="http://www.dx0qysuen8cbs.cloudfront.net/assets/logo-ffe4f2b804af3331e58f523445a844e2.png" alt="Splitwise" id="logo">

【讨论】：

【解决方案4】：

资源在与您提供的文件相同的目录中被引用。假设此代码文件名为 page.html.. 引用类似“C:..”的路径，将在 page.html 所在的同一文件夹中查找 C 文件夹。您可以使用“../”返回一个文件夹（到父文件夹）。

如果页面正在由服务器提供服务（不确定如果不是会发生什么），您可以使用在 URL 前加上 / 以使用来自网站/应用程序根目录的相对路径。

如果你把图片文件和page.html放在同一个目录下，你可以直接使用

<img alt="Splitwise" id="logo" src="defie.bmp">

或者，例如，如果您将它放在 page.html 所在目录的子目录 (dir1) 中..

<img alt="Splitwise" id="logo" src="dir1/defie.bmp">

【讨论】：