ckfinder如何取得缩略图路径

ckfinder是管理上传文件的出色的工具,配合ckeditor相得益彰。最让人的赞赏的是其“可视化”功能,可以预览图片。为了让这个功能不影响使用速度,图片上传都声称了缩略图。

ckfinder拥有很强的缩略图功能,甚至通过插件,在图片上传以后,你还可以对图片进行resize。在类似产品展示这样的功能中,我们在列表页,也希望通过使用缩略图来提高页面浏览速度。那么,如何取得ckfinder中的图片的缩略图呢?

首先,要获取ckfinder的api对象


var ckfinderAPI;
var finder = new CKFinder();
// some other settings.

// finder.selectActionFunction
finder.callback = function (api) { finderAPI = api; }
finder.popup();

// 通过api读取缩略图

finderAPI.getSelectedFile().getThumbnailUrl();

赋值操作一般通过selectActionFunction事件来完成。所以要把api对象声明为全局对象,以便在事件函数中调用。

更多详细参数设置参考ckfinder官方文档