【http/https 资源文件预览】如果你的项目需要接入文件预览项目,达到对docx、excel、ppt、jpg等文件的预览效果,那么通过在你的项目中加入下面的代码就可以成功实现:

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


【http/https 流资源文件预览】很多系统内不是直接暴露文件下载地址,而是请求通过id、code等参数到通过统一的接口,后端通过id或code等参数定位文件,再通过OutputStream输出下载,此时下载url是不带文件后缀名的,预览时需要拿到文件名,传一个参数fullfilename=xxx.xxx来指定文件名,示例如下

var originUrl = 'http://127.0.0.1:8080/filedownload?fileId=1'; //要预览文件的访问地址
var previewUrl = originUrl + '&fullfilename=test.txt'
window.open('https://qt.cxcp.net/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));


【ftp 资源文件预览】如果要预览的FTP url是可以匿名访问的(不需要用户名密码),则可以直接通过下载url预览,示例如下

var url = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
window.open('https://qt.cxcp.net/onlinePreview?url='+encodeURIComponent(Base64.encode(url)));


【ftp 加密资源文件预览】如果 FTP 需要认证访问服,可以通过在 url 中加入用户名密码等参数预览,示例如下

var originUrl = 'ftp://127.0.0.1/file/test.txt'; //要预览文件的访问地址
var previewUrl = originUrl + '?ftp.control.port=xx&ftp.username=xx&ftp.password=xx&ftp.control.encoding=(gbk,utf8等)'; //(为了安全强烈建议在配置中设置相关信息)
window.open('https://qt.cxcp.net/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));

【Basic 鉴权资源文件预览】如果需要认证访问服,可以通过在url中加入用户名密码等参数预览,示例如下

var originUrl = 'http://127.0.0.1/file/test.txt'; //要预览文件的访问地址
var previewUrl = originUrl + '?basic.name=admin&basic.pass=123456'; //(为了安全强烈建议在配置中设置相关信息)
window.open('https://qt.cxcp.net/onlinePreview?url='+encodeURIComponent(Base64.encode(previewUrl)));

AES加密接入方法,示例如下

主要事项:首先引入下面js 在把url转换成AES,注意前后端key必须相同(注意:JS下载到你接入服务器的网址)
<script src="https://qt.cxcp.net/js/crypto-js.js">
<script src="https://qt.cxcp.net/js/aes.js">
function aesEncrypt(encryptString, key) {
var key = CryptoJS.enc.Utf8.parse(key);
var srcs = CryptoJS.enc.Utf8.parse(encryptString);
var encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
return encrypted.toString();
}
var key = "1234567890123456"; // AES秘钥16位数字
var url = "http://127.0.0.1/file/test.txt";
window.open('https://qt.cxcp.net/onlinePreview?url='+encodeURIComponent(aesEncrypt(url, key))+'&encryption=aes');

其他参数,示例如下

密码参数:&filePassword=加密文件的密码
页码参数:&page=选择第几页预览
高亮参数:&highlightAll=关键字 突出显示
水印参数:&watermarkTxt=你的水印
重生参数:&forceUpdatedCache=true
分段参数:&pdfAutoFetch=true
跨域参数:&kkagent=true
加密缓存:&usePasswordCachet=true
秘钥参数:&key= 访问秘钥
主要事项:以上参数是把url转换成base64后面在添加
var url = 'http://127.0.0.1:8080/file/test.txt'
window.open('https://qt.cxcp.net/onlinePreview?url='+encodeURIComponent(base64Encode(url))+'&filePassword=123&page=1&highlightAll=kkfileview&watermarkTxt=kkfileview&pdfAutoFetch=false&kkagent=false&key=123');