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

Posted 2023-05-08

【中文标题】jQuery 将本地图片加载到打开的对话框中

【英文标题】：Jquery load local picture into dialog open

【发布时间】：2019-05-02 06:34:23

【问题描述】：

下午好 *** 社区，我在将本地 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 等。 为什么没有图片？

【问题讨论】：

问题不清楚（至少对我来说）..什么是实际问题？图片不显示在浏览器中吗？还是其他？

@Kiranramchandran 图像在我更改 src="file///D:/web/pic/123.jpg 时未显示在浏览器上，但在使用编译器构建整个 Web 项目时确实显示

在图片路径中试试这个../pic/123.jpg。假设 pic 是您应用程序中的文件夹。

@Kiranramchandran 我尝试过../pic/123.jsp 还是一样，如果复制文件///D:/web，浏览器似乎不明白如何获取它/pic/123.jpg 直接粘贴到会出现的浏览器中

您的开发者控制台是否显示任何错误？

【参考方案1】：

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

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

【参考方案2】：

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

【讨论】：

@Sandy 我尝试在 eclipse 启动 jsp 时将其放入服务器（tomcat），但还是一样，如果在 eclipse 中使用调试模式浏览器可以查看图片。跨度>

你能分享你的项目结构吗？