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

如果你的项目需要接入文件预览项目,达到对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)文件路径

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