jQuery 将本地图片加载到打开的对话框中

Question

下午好 stackoverflow 社区，我在将本地 jpeg 加载到打开的对话框时遇到问题， 使用下面的代码将始终附加相同的表信息 并在对话框中重新打开它，我可能做错了什么。

Local file path: D:/web/pic/123.jpg

请在这里提供一些帮助，谢谢。

下面是我的代码：

HTML部分：

标签id会引用jquery代码

<div id="dialog" title="picture">
   <span><img  src="/pic/123.jpg"/></span>   //src get local file picture
</div>

jquery部分：

        $('#info').click(function() {     
             $('#dialog').append('<img   // get local file 
             src="pic/123.jpg"/><br/>').append($(this).html());

              $("#dialog").dialog("open");    //dialog open start here
        $('#dialog').dialog({
                 resizable:false,
                 buttons: {
                     "Close": function()      //button on pop out dialog
                     {
                         $(this).dialog('close');
                         choice(true);
                     },
                     "Cancel Close": function() //button on pop out dialog
                     {
                         $(this).dialog('close');
                         choice(false);
                     }
                 }
             });
 });

从上面的代码更改为 src="file///web/pic/123.jpg" 只能从编译器获取数据，使用网络浏览器 chrome，ie 等。 为什么没有图片？

Answer 1

您不能在被认为不安全的 Web 应用程序上加载本地图片。 您应该将图片与其他网络资源一起放在您的虚拟主机上。

如果你制作一个简单的 html 并在本地运行它，它会起作用，但这是唯一的情况。

Answer 2

最好将所有图像和文件仅放在应用程序/服务器的相对路径中，而不是本地存储中。 将所有图片和文件放在资源文件夹中，您可以通过路径和文件名轻松加载任何图片。