dedecms织梦文章页插入PDF文件且实时浏览

织梦DedeCMS产品栏目添加PDF文件字段与前台调用教程

最近有用户想给企业官网的“产品信息”栏目下的某些产品，插入一个PDF文件，用来展示该产品的各项参数。

首先，我们找到产品栏目，确认一下产品栏目是使用的哪个内容模型。一般情况，要么是“普通文章”，要么就是“图片集”。

这里，我使用“普通文章”来做演示，“图片集”或其它内容模型也是同样适用的。

接下来，我们到内容模型管理里，去给产品栏目所使用的的模型，也就是普通文章，增加一个字段。

数据类型这里选择“附件类型”，提示文字和字段名可以随意，但是不要太随意。

点击确定，保存字段后，是这样的。

接下来，我们就可以去产品栏目下，添加新的产品，或者是修改之前的产品信息了。

如上图所示，多了一个“PDF文件”的框框，我们可以在这里上传一个PDF文件，用作该产品的说明书、产品手册等。

需要说明的是，DedeCMS 默认是不允许上传 pdf 文件的，我们需要到附件设置里设置一下。

先上传一个 pdf 文件，用作测试。接下来，我们演示如何调用、展示这个 pdf 文件。

我们首先需要找到产品栏目所使用的的文章模板是哪个。

然后，我们直接去修改这个模板文件。在合适的位置，增加以下代码：

{dede:field.pdffile/}

注意字段名一定不要写错了！

看效果。

点击蓝色超链接，已经可以在浏览器新窗口浏览 pdf 文件了。但是我们想要的效果，是可以直接浏览。

重点来了，我们需要修改 /templets/system/channel_addon.htm 文件。删掉所有的代码，只保留一个 ~link~ 即可。

然后，我们再去修改一下，上边修改过的那个模板文件。在合适的位置，嵌入一下代码：

<iframe src="{dede:field.pdffile/}" width="100%" height="600px" frameborder="0"></iframe>

再看下效果。