Thingworx查看PDF和图片的方法

Thingworx提供了一个File Upload widget用于上传文件，文件存储在ThingworxStorage\repository目录。

我们可以利用Web Frame以实现对常用文件格式(PDF/JPG/BMP/PNG)的在线查看。

首先我们要理解Web Frame的原理，它相当于一个浏览器内置iFrame。

如果在一个Mashup内部使用Web Frame，那么Mashup对应的网页相当于主网页，而Web Frame调用的网页相当于一个内置网页，这两个网页有各自独立的进程。

下面介绍详细的配置和调用方法。

1. 设置Tomcat

编辑Tomcat 8.5\webapps\Thingworx\WEB-INF\web.xml，启用ClickjackFilterSameOrigin设置。

这部分的设置允许同一个域之间的网页进行相互调用。

2. 配置Thingworx PlatformSubsystem

Allow Request Method Switch = True

Filter Content Type = False

3. Web Frame URL调用格式：

https://<host:port>/Thingworx/FileRepositoryDownloader?download-repository=<YourThingWorxRepository>&directRender=true&download-path=/your_pdf.pdf

此处须注意：

1) Mashup和Web Frame的协议http/https必须保持一致，否则会被浏览器拦截。

2) download-path是文件所在文件夹的详细路径，如果有子目录，则须包含各级子目录。

3) 可以自己编写JavaScript Service，根据各项参数生成最终URL，然后绑定给Web Frame URL。