如何在精美的盒子中显示目录中的图像文件

Question

我正在页面上工作，我希望将一个图像从锚点显示到一个奇特的盒子。

Html： -

<a href="D:/myImage.jpg" class="viewImg"><i class="fa fa-info-circle fa-lg fa-clr"></i></a>

以下是我正在使用的 jQuery 代码，但它不起作用： -

$("a.viewImg").fancybox({
    type: "iframe",
    width: 380, // or whatever
    height: 280,
    tpl: {
        error: '<p class="fancybox-error myClass">Error in loading.</p>'
    }
});

我在控制台收到错误＆＃34; 不允许加载本地资源＆＃34;。

它还应该显示一些消息，例如＆＃34;加载错误。＆＃34;如果目录中没有文件，TIA。