Question

我似乎无法从我的桌面获取我的图像并将其放入我的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>

Answer 1

你需要写：

<img src="C:\Users\aldiaz\Desktop\DynamicsTest1.jpg" style="height:200px;width:100px;float:left">

Answer 2

如果HTML文件位于桌面上，则使用RELATIVE文件路径，例如：

 <img src="images/DynamicsTest1.jpg">

Answer 3

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

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

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

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

如何从桌面读取图像并输入div标签？

3 个答案: