Img使用本地文件标记:/// URL未在Microsoft Edge Web浏览器中显示

时间:2015-09-06 21:38:39

标签: html image windows-10 microsoft-edge

在我的桌面应用程序中,我创建了一个临时HTML文件(旨在让用户打印报告),然后通过默认Web浏览器显示。此HTML文件保存在临时文件夹中,例如:C:/Users/UserName/AppData/Local/Temp

这适用于所有网络浏览器(令人惊讶的是甚至包括IE)但是微软的另一个创作Edge给了我一个空白的图片图标

enter image description here

以下内容:

<img width='24' height='24' style='border: none;' alt='Print'
src="file:///C:/Users/UserName/AppData/Local/Temp/printicon.gif"></img>

知道为什么会失败吗?

PS。显然gif文件存在且可以打开。

后续行动:经过进一步测试,我发现了Edge阻止我的图像的原因。我将以下内容添加到HTML标记的顶部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0038)http://www.samplewebsite.com/index.htm -->
<html>
<head>

阻止IE显示:

enter image description here

请注意,这条消息的原因只是&#34; Print&#34;按钮:

javascript:window.print();

因此,如果删除<!-- saved from ... -->行,Edge似乎会显示我的图片。但我显然无法做到这一点,因为我需要它与旧IE一起工作。

2 个答案:

答案 0 :(得分:3)

我想我已经解决了(一旦我知道导致它的原因。)实际上找到this page给了我线索。因此,如果我这样做,它将适用于Edge和IE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0016)http://localhost -->
<html>

答案 1 :(得分:0)

我遇到了类似的问题 我的my-file.html已损坏 我复制了my-file.html的另一个.html文件的内容,问题解决了,我的图像显示出来了 花了不到两个小时的时间:)