我正在使用 iframe 在页面上显示 pdf 或 doc 文件。 pdf 毫无疑问显示完美，但 doc 文件刚刚下载，我知道为什么。
现在的问题是我想在 iframe 中显示一条消息，说明该文件是 doc 文件，因此无法显示，需要下载才能查看。
到目前为止，我已经搜索并找到了在加载 iframe 时显示消息或任何内容的各种解决方案，但我想这里不是加载任何内容的情况。
这里是fiddle
【问题讨论】：
标签： javascript html iframe
显示一些示例代码，以便我们为您提供最佳解决方案。你也可以使用 js fiddle。
否则，您可以添加 if 条件来检查检查文件类型并向用户显示警报通知。
【讨论】：
在更改或设置 iframe 之前检查它是什么文件类型怎么样？
如果是 pdf，则在 iframe 中显示文件，如果是 doc，则加载另一个带有消息的 html 文件。
另外，正如其他人所说，请展示一些你所做的事情的例子！
编辑：使用 javascript。看看这段代码，告诉我它是否有帮助 http://jsfiddle.net/7803gakc/1/
// Not really sure about another way if it's going to be pure js/html and nothing server-side
// Here's the location to the file
var file = "http://www.ieee.org/documents/ieeecopyrightform.doc",
// The frame being used
frame = document.getElementById("frame"),
// Files that will be allowed to be embedded based on extension
extensions = ["pdf"],
// This will tell us if it's right or not
correct = false;
// Loop through the extension list
for(var i = 0; i < extensions.length; i++){
// Check if the file url ends with the given extension
if(file.substring(file.lastIndexOf(".")+1) == extensions[i]){
// All conditions met, set to true!
correct = true;
}
}
if(correct){
// Yay, it's correct!
frame.src = file;
}else{
// It's wrong, show something else!
frame.src = "http://example.com";
}
【讨论】：
我找不到任何在 iframe 中显示消息的解决方案，可能是它没有提供，所以我切换到对象标签。
<object data="[path to .doc]" type="application/msword">
<p>It appears you do not have a Suitable plugin for this browser. You can download this file.
<a href="[path to .doc]">
<button type="button">download</button></a>
</p>
【讨论】：