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

【问题标题】：Dynamically loading image into div from client side - jQuery从客户端动态加载图像到 div - jQuery
【发布时间】：2011-08-10 19:27:36
【问题描述】：

我尝试加载网络图像，它可以工作。但我想加载客户端图像。

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

【问题讨论】：

出于安全原因，我认为 javascript 没有这种功能。
你不能这样做 :) 浏览器代码无法访问系统上的文件是有原因的......
IE 可以在要求用户授予访问权限后执行此操作
您可以在这里找到答案：[stackoverflow.com/questions/13556812/… [1]：stackoverflow.com/questions/13556812/…

【解决方案1】：

您的src 属性需要通过http(s) 通过网络访问。请记住，客户端无权访问您的文件，只有网络服务器可以为他们提供的文件。

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

指定运行应用程序的托管 URL。类似http://localhost

注意：这只能在本地工作，而不能通过 inernet。您应该始终使用应用程序的相对路径来存储图像。

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

【讨论】：