研究了1天的ckfinder记录

最新推荐文章于 2024-06-11 10:01:34 发布

张小豆

最新推荐文章于 2024-06-11 10:01:34 发布

阅读量3k

点赞数 2

文章标签： ckfinder 图片

本文链接：https://blog.csdn.net/qq_32180959/article/details/73129265

版权

1：ckfinder 设置固定的文件夹存放图片，不放项目下面

1.普通的ckfinde存放的图片是放在项目下面的userfiles下。我的做法是放在Tomcat下webapps下一个固定的文件夹（userManagePic）用来放文件userfiles，自己项目的名字（userManage）

2.修改CKFinderConfig.java，CKFinderConnectorServlet.java，UserfilesDownloadServlet.java下的代码，把所有取到本项目地址的地方用‘userManagePic’替换这个‘userManage’，因为其他的物理地址都是一样的，可直接替换使用。主要换：定义this.baseDir，this.baseURL的地方，其他不变。

2：ckfinder 上传大的轮播图时，展示在上传页面时还是小图片，因为这样比较美观

1：更改ckfinder.xml文件，红色部分是自己写的注释

<config> 
<enabled>true</enabled>
<baseDir></baseDir>
<baseURL>/userfiles/</baseURL>
<licenseKey></licenseKey>
<licenseName></licenseName>
<imgWidth>1920</imgWidth>
<imgHeight>600</imgHeight>
<imgQuality>80</imgQuality>
<uriEncoding>UTF-8</uriEncoding>
<forceASCII>false</forceASCII>
<disallowUnsafeCharacters>false</disallowUnsafeCharacters>
<userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar>
<checkDoubleExtension>true</checkDoubleExtension>
<checkSizeAfterScaling>true</checkSizeAfterScaling>
<secureImageUploads>true</secureImageUploads>
<htmlExtensions>html,htm,xml,js</htmlExtensions>
<hideFolders>
<folder>.*</folder>
<folder>CVS</folder>
</hideFolders>
<hideFiles>
<file>.*</file>
</hideFiles>
<defaultResourceTypes></defaultResourceTypes>
<types>
<type name="files">
<url>%BASE_URL%files/</url>
<directory>%BASE_DIR%files</directory>
<maxSize>0</maxSize> 
<allowedExtensions>7z,aiff,asf,avi,bmp,csv,doc,docx,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pptx,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xlsx,zip</allowedExtensions>
<deniedExtensions></deniedExtensions>
</type>
<type name="images">
<url>%BASE_URL%images/</url>
<directory>%BASE_DIR%images</directory>
<maxSize>0</maxSize> 
<allowedExtensions>bmp,gif,jpeg,jpg,png</allowedExtensions>
<deniedExtensions></deniedExtensions>
</type>
<type name="flash">
<url>%BASE_URL%flash/</url>
<directory>%BASE_DIR%flash</directory>
<maxSize>0</maxSize> 
<allowedExtensions>swf,flv</allowedExtensions>
<deniedExtensions></deniedExtensions>
</type>
</types>
<accessControls>
<accessControl>
<role>*</role>
<resourceType>*</resourceType>
<folder>/</folder>
<folderView>false</folderView>
<folderCreate>false</folderCreate>
<folderRename>false</folderRename>
<folderDelete>false</folderDelete>
<fileView>false</fileView>
<fileUpload>false</fileUpload>
<fileRename>false</fileRename>
<fileDelete>false</fileDelete>
</accessControl>
</accessControls>
<thumbs> 
<enabled>true</enabled>
<url>%BASE_URL%_thumbs/</url>
<directory>%BASE_DIR%_thumbs</directory>
<directAccess>false</directAccess>
<maxWidth>1900</maxWidth>
<maxHeight>600</maxHeight>
<quality>80</quality>
</thumbs>
<plugins>
<plugin>
<name>imageresize</name>
<class>com.ckfinder.connector.plugins.ImageResize</class>
<params>
<param name="smallThumb" value="90x90"></param>
<param name="mediumThumb" value="120x120"></param>
<param name="largeThumb" value="180x180"></param>
</params>
</plugin>
<plugin>
<name>fileeditor</name>
<class>com.ckfinder.connector.plugins.FileEditor</class>
<params></params>
</plugin>
</plugins>
<basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl>
</config>

2:更改了配置，要是更改 assets\admin\ckfinder\ckfinder.js 查找class="image"的位置

/*'<div class="image" ><div role="img" style="background-size: cover;width: '
+ U.app.config.thumbsWidth
+ 'px; height: '
+ U.app.config.thumbsHeight
+ 'px"></div></div>');*/

注释上面的用下面的来更改展示图片的大小
'<div class="image" style="width: 320px; height:240px"><div role="img" style="background-size: cover;width: 100%; height: 100%"></div></div>');

3.遇到一个英文图片可以上传，但是中文图片上传不在显示，也就上传图片在

这个路径下图片不展示：userManagePic\userfiles\admin\_thumbs\images\cms\article\2017\06

自己本地就是好的，中英文都是，但是同事的就只是英文，这个时候就是Tomcat的问题了，找到conf下的server.xml 增加中文转化URIEncoding="UTF-8" ：如下

4:如下图把右击图片，弹出框里面的改变尺寸，下载，重命名注释，则更改assets\admin\ckfinder\ckfinder.js，格式化之后大约8730行，加一个判断

if(v!='改变尺寸'&&v!='下载'){
r.push('<span class="cke_menuitem"><a id="', s, '" class="', u, '" href="javascript:void(\'', (y.label || '').replace("'", ''), '\')" title="', y.label, '" tabindex="-1"_cke_focus=1 hidefocus="true" role="menuitem"' + (w ? 'aria-haspopup="true"': '') + (t == a.aY ? 'aria-disabled="true"': '') + (t == a.eV ? 'aria-pressed="true"': ''));
if (f.opera || f.gecko && f.mac) r.push(' οnkeypress="return false;"');
if (f.gecko) r.push(' οnblur="this.style.cssText = this.style.cssText;"');
var x = (y.rD || 0) * -16;
r.push(' οnmοuseοver="CKFinder.tools.callFunction(', p._.qz, ',', q, ');" οnmοuseοut="CKFinder.tools.callFunction(', p._.qm, ',', q, ');" οnclick="CKFinder.tools.callFunction(', p._.ql, ',', q, '); return false;"><span class="cke_icon_wrapper"><span class="cke_icon"' + (y.icon ? ' style="background-image:url(' + a.getUrl(y.icon) + ');background-position:0 ' + x + 'px;"': '') + '></span></span>' + '<span class="cke_label">');
if (y.hQ) r.push('<span class="cke_menuarrow"></span>');
r.push(v, '</span></a></span>');
}

5：遇到小图片上传，然后删除失败，大图片上传删除成功解决方案

当小图片的尺寸小于ckfinder.xml里面的maxWidth和maxHeight这个时，上传删除时会被占用，而删除失败，查看了源代码在上传的代码中并没有发现读取的流未被关闭，找了好久，无奈了，只有强制解除对文件的占用我用的ckfinder的版本是2.3的比较老的一版，因为这是之前同事用的，我直接拿来用的，没想到测试测出各种不同的问题，就只能改改改了。下载源码：ckfinder_java_2.3.zip 解压后放在自己的项目目录下，找到删除图片的地方，这个文件下userManage\src\main\java\com\ckfinder\connector\utils\FileUtils.java 。

public static boolean delete(final File file) throws IOException {
if (file.isDirectory()) {
for (String item : file.list()) {
File subFile = new File(file.getAbsolutePath()
+ File.separator + item);
if (!delete(subFile)) {
return false;
}
}
}
/**新加判断*****/
boolean result = file.delete();
int tryCount = 0;
while (!result && tryCount++ < 10) {
System.gc(); //回收资源
result = file.delete();
}
/**新加判断*****/
return result;
}

张小豆

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
研究了1天的ckfinder记录

一：ckfinder 设置固定的文件夹存放图片，不放项目下面 1.普通的ckfinde存放的图片是放在项目下面的userfiles下。我的做法是放在Tomcat下webapps下一个固定的文件夹（userManagePic）用来放文件userfiles，自己项目的名字（userManage） 2.修改CKFinderConfig.java，CKFinderConnector
复制链接

扫一扫