2

我似乎无法从我的桌面获取我的图像并将其放入我的 div 标签之一。有人可以帮帮我吗。

<!DOCTYPE html>
<html>
    <body>
    <img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg">
        <div id="container" style="width:500px">
            <div id="header" style="background-color:#0000F8;">
                <h1 style="margin-bottom:0;"> Triton Subs</h1>
            </div>
            <div id="image" style="background-color:yellow;  height:200px;width:100px;float:left;">
                <img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg height:200px; width:100px;floatleft;">
            </div>
            <div id="content" style="background- color:#D7D7D7;height:200px;width:400px;float:left;">Dear [FIRSTNAME] [LASTNAME],<br/> <br/>You have earned 5 videos and are ready to redeem.<br/><br/>Log into the Triton Submarines Experience now to choose your reward!
            </div>
            <div id="footer" style="background-color:#0000F8;clear:both;text-align:center;"> Trinto Sub Co
            </div>
        </div>
    </body>
</html>
4

3 回答 3

3

你需要写：

<img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg" style="height:200px;width:100px;float:left">
于 2012-09-19T20:16:07.710 回答
1

如果 HTML 文件在您的桌面上，则使用 RELATIVE 文件路径，例如：

 <img src="images/DynamicsTest1.jpg">
于 2012-09-19T20:16:40.333 回答
1

浏览器不应该让您像那样访问计算机上的文件（嗯，IE 可以，但它不应该）。它被认为是一个安全漏洞。即使允许，访问该页面的其他人也无法看到该图像，因为他们的计算机上可能没有名为 aldiaz 的用户，即使有，该图像也可能不会存在于他的桌面上.

如果您在上传到网络服务器之前进行测试时在本地链接到图像，请使用相对 URL，而不是像其他人建议的那样。

现在，如果您正在查看在用户上传图像之前预览图像，那么有很多关于如何使用相对较新的 FileReader API 的优秀教程：

http://html5doctor.com/drag-and-drop-to-server/

于 2012-09-19T20:50:36.217 回答