0

我从我的桌面加载了一个图像,它在 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>
4

4 回答 4

2

更改此行

<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">
于 2012-12-18T22:08:57.593 回答
0

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

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

如果将图像文件与 page.html 放在同一目录中,则可以使用

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

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

<img alt="Splitwise" id="logo" src="dir1/defie.bmp">
于 2012-12-18T22:05:27.837 回答
0

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

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

如果那不起作用,请尝试

<img src="file://C:/your_path_to_pic.jpeg" alt="whatever">
于 2012-12-18T21:52:22.450 回答
0

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

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

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

<img src="http://www.dx0qysuen8cbs.cloudfront.net/assets/logo-ffe4f2b804af3331e58f523445a844e2.png" alt="Splitwise" id="logo">
于 2012-12-18T21:59:28.030 回答