html:在浏览器中打开pdf和png,而不是下载它

时间:2013-02-12 09:21:54

标签: html browser png

html页面上的代码是:

<a href="getReport.php?id=123">View report in a new window</a>

一旦任何用户点击它,它的浏览器就会被下载(它是一个.png文件),并且他能够查看它。

我们怎样才能在新窗口中打开而不是

3 个答案:

答案 0 :(得分:3)

在锚标记中给出PDF嵌入页面的URL,在PDF嵌入页面中,尝试使用iFrame显示PDF,它将起作用

PDF IFrame:

<iframe src="http://docs.google.com/gview?url=http://ocw.mit.edu/courses/mechanical-engineering/2-000-how-and-why-machines-work-spring-2002/tools/html.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

小提琴:http://jsfiddle.net/RYh7U/69/

IMAGE IFrame:

<iframe src="http://upload.wikimedia.org/wikipedia/commons/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg">
</iframe>

小提琴:http://jsfiddle.net/RYh7U/70/

答案 1 :(得分:2)

问:你的意思是&#34; getReport.php?id = 123&#34;是不是呈现为.png图像(它要求用户下载)?或者它是显示为图像,但是您希望它显示在一个新的单独窗口中?

如果是前者,您需要确保服务器发送正确的内容类型(例如&#34; image / png&#34;)。

如果是后者,只需做一个Javascript&#34; window.open()&#34; (或等效的)

========更新=======

我的1990年的Javascript 1.2传统正在追赶我:) Don&#tt 使用&#34; window.open()&#34; - 如Pandian所说,如果你想实现弹出窗口,请使用它。以下是更多细节:

出于同样的原因,你的问题很模糊。如果问题是该文件要求您下载&#34; (如果图像未出现任何地方),那么您的PHP程序无法正确发送文件。至少,它必须设置&#34;内容类型&#34;在它发送二进制.png数据之前。

&#39;希望有所帮助...

答案 2 :(得分:0)

<a href="#" onclick="window.open('getReport.php?id=123', '_blank')">View report in a new window</a>