从客户端动态加载图像到div - jQuery

Question

我尝试加载网络图片，但是有效。但我想加载一个客户端图像。

$("#lol").live("click", function() {
 $(".main").html('<img src="file:///D:/lol.jpg" />');
})

Answer 1

您的src属性需要通过网络访问http（s）。请记住，客户端无权访问您的文件，只能访问Web服务器可以提供的文件。

Answer 2

这是一个浏览器安全问题。如果允许您随意加载本地文件，则可以利用它来访问用户计算机上的远程文件。

为什么你需要这样做？也许还有另一种方法可以实现你想要的东西。

Answer 3

指定运行应用程序的托管网址。像http://localhost

这样的东西

注意：这只能在本地工作，但不能在inernet上工作。您应始终使用图像的应用程序相对路径。

$("#lol").live("click", function() {
    $(".main").html('<img src="http://localhost/applicationName/images/lol.jpg" />');
});