javascript - jquery加载本 map 片到对话框打开

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" 只能从编译器获取数据，使用 web 浏览器 chrome，ie 或等。 为什么没有照片？

Answer 1

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

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