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

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

var url = 'http://127.0.0.1:8080/file/test.txt'; //要预览文件的访问地址
window.open('http://127.0.0.1:8012/onlinePreview?url='+encodeURIComponent(base64Encode(url)));


                

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

var fileUrl =url1+"|"+"url2";//多文件使用“|”字符隔开
window.open('http://127.0.0.1:8012/picturesPreview?urls='+encodeURIComponent(base64Encode(fileUrl)));


                

pdf 预览获取当前页数方法：

window.addEventListener("message", function( event ) {
    console.log(event)
    if(event.data.type === 'changeCurrentPage') {
        console.log(event.data.page) // 当前页数
    }
});

pdf 预览跳转上一页方法：

var fm = document.getElementById("iframe"); // iframe 的dom元素
fm.contentWindow.postMessage({
    type: 'previousPage',
}, '*')

pdf 预览跳转下一页方法：

var fm = document.getElementById("iframe"); // iframe 的dom元素
fm.contentWindow.postMessage({
    type: 'nextPage',
}, '*')

pdf 预览页面跳转方法：

var fm = document.getElementById("iframe"); // iframe 的dom元素
fm.contentWindow.postMessage({
    type: 'jumperPage',
    page: 18 // 跳转到pdf的18页
}, '*')

pdf 预览页面在链接带上页码数 跳转方法：

var url = 'https://preview-doc.roncoos.com/onlinePreview?page=10&url=pdf路径'
var fm = document.getElementById("iframe"); // iframe 的dom元素
fm.src = url;
// 注意上面url有一个page 参数 page=10 就会在pdf预览加完成后直接跳转到pdf的第10页