# 图片预览图

# 文件预览项目接入和测试界面

#### 接入说明

如果你的项目需要接入文件预览项目，达到对docx、excel、ppt、jpg等文件的预览效果，那么通过在你的项目中加入下面的代码就可以 成功实现：

                            $scope.openWin = function (fileUrl) {
                                var url = configuration.previewUrl + encodeURIComponent(fileUrl);
                                var winHeight = window.document.documentElement.clientHeight-10;
                                $window.open(url, "_blank", "height=" + winHeight
                                    + ",top=80,left=80,toolbar=no, menubar=no, scrollbars=yes, resizable=yes");
                            };

说明:

1.这里的fileUrl即是需要预览的服务器文件，一般是ufile文件

2.只所以使用encodeURIComponent转码是因为ufile文件中可能会存在&等特殊字符，那么如果不转码会被浏览器处理成多参数 这样后台获取的就不是需要预览的文件的全路径了。

3.configuration.previewUrl是需要接入项目中配置文件预览项目的地址的配置 现在开发和测试地址都是： http://106.75.31.215:8012/onlinePreview?url=服务器(ufile)文件路径

#### 预览测试

因为是测试所以一种文件只允许上传一个