在jstree中使用文件浏览器实用程序查看pdf文件
我正在使用jstree创建文件管理解决方案,到目前为止,我能够实现除点击pdf节点查看pdf以外的所有要求。如果可能,请任何人指导我使用jstree附带的filebrowser实用程序 代码片段在jstree中使用文件浏览器实用程序查看pdf文件,pdf,jstree,Pdf,Jstree,我正在使用jstree创建文件管理解决方案,到目前为止,我能够实现除点击pdf节点查看pdf以外的所有要求。如果可能,请任何人指导我使用jstree附带的filebrowser实用程序 代码片段 .on('changed.jstree', function (e, data) { if(data && data.selected && data.selected.length) { $.get
.on('changed.jstree', function (e, data) {
if(data && data.selected && data.selected.length) {
$.get('?operation=get_content&id=' + data.selected.join(':'), function (d) {
if(d && typeof d.type !== 'undefined') {
$('#data .content').hide();
switch(d.type) {
case 'text':
case 'txt':
case 'md':
case 'htaccess':
case 'log':
case 'sql':
case 'php':
case 'js':
case 'json':
case 'css':
case 'html':
$('#data .code').show();
$('#code').val(d.content);
break;
case 'png':
case 'jpg':
case 'jpeg':
case 'bmp':
case 'gif':
$('#data .image img').one('load', function () { $(this).css({'marginTop':'-' + $(this).height()/2 + 'px','marginLeft':'-' + $(this).width()/2 + 'px'}); }).attr('src',d.content);
$('#data .image').show();
break;
default:
$('#data .default').html(d.content).show();
break;
}
}
});
}
使用
在DOM中:
<script type='text/javascript' src="bower_components/pdfobject/pdfobject.min.js"></script>
<div class="pdfviewer" id="pdfRenderer"></div>
到你的树上去;)
未选择pdf时隐藏元素:
$('#data .pdfviewer').hide();
$('#data .pdfviewer').hide();