# 图片预览图

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

#### 接入说明

如果你的项目需要接入文件预览项目，达到对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");
                            };

新增多图片同时预览功能，接口如下：

                            var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
                            var url = "http://localhost:8012/picturesPreview?urls" + 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");

#### 预览测试

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

#### 更新记录

2018年01月15日 ：
1.首页新增社会化评论框
2018年01月12日 ：
1.新增多图片同时预览
2.支持压缩包内图片轮番预览
2018年01月02日 ：
1.修复txt等文本编码问题导致预览乱码
2.修复项目模块依赖引入不到的问题
3.新增spring boot profile，支持多环境配置
4.引入pdf.js预览doc等文件，支持doc标题生成pdf预览菜单，支持手机端预览
2017年12月12日：
1.项目osc开源:https://gitee.com/kekingcn/file-online-preview
2.项目github开源:https://github.com/kekingcn/kkFileView