CKEditor与CKFinder学习--CKFinder源码修改自定义上传文件名

刺骨的言语ヽ痛彻心扉 2022-07-27 16:44 143阅读 0赞

CKFinder的系列文章到目前应该说基本可以满足开发需求了，不过还有一个小细节，CKFinder默认上传的文件名和源文件名一致，如果文件名重复会自动添加编号“(1)”“(2)”等。

![这里写图片描述][20160325112516782]

如果需要自定义上传的文件名怎么办呢？

先看效果

采用uuid来命名  
![这里写图片描述][20160325133944086]

时间戳作为前缀  
![这里写图片描述][20160325140746024]

下面给出两种方案来实现ckfinder自定义文件名的方法，第一种只是思路，重点是第二种方法。我们通过修改ckfinder的源码来实现ckfinder上传文件名的自定义

# 方法一 自己捕获图片按钮提供上传 #

可以捕获图片按钮的点击事件

![这里写图片描述][20160325112907721]

像捕获其他按钮的事件一样。

![这里写图片描述][20160325112834337]

关于事件的捕获参考

[http://blog.csdn.net/frankcheng5143/article/details/50946142][http_blog.csdn.net_frankcheng5143_article_details_50946142]

这个方法不是本文的重点，本文的重点是第二中方法。

# 方法二 修改CKFinder的源码 #

本文介绍这种方法，如何修改CKFinder的源码来自定义上传文件的文件名。

本文讲介绍如何加载ckfinder的源码，然后修改上传文件重命名的代码，最后将修改后的代码打包成jar包。

## 下载源码 ##

去ckfinder的官网下载，我下载的是Java版本

[https://cksource.com/ckfinder/download][https_cksource.com_ckfinder_download]

目前的最新版下载地址

[https://download.cksource.com/CKFinder/CKFinder%20for%20Java/2.6.0/ckfinder\_java\_2.6.0.zip][https_download.cksource.com_CKFinder_CKFinder_20for_20Java_2.6.0_ckfinder_java_2.6.0.zip]?

![这里写图片描述][20160325114157213]

其中的\_source就是源代码，将其解压。

![这里写图片描述][20160325114324352]

我们发现其源代码是一个Maven工程。

ok，首先确保电脑上成功安装了Maven。Eclipse里也成功配置了Maven。

## 加载源码 ##

打开Eclipse

File -> Import 选择Existing Maven Projects，然后Next

![这里写图片描述][20160325125958829]

浏览刚才解压的位置，然后Finish

![这里写图片描述][20160325130116587]

稍等片刻，Eclipse会加载

![这里写图片描述][20160325130312853]

如果现在报错，先不用管等构建完成，构建的时候有些错误会消失。

![这里写图片描述][20160325130352181]

## 修改源码 ##

我们需要修改的代码在CKFinder下  
我们需要修改com.ckfinder.connector.handlers.command下的FileUploadCommand.java

![这里写图片描述][20160325130751817]

通过注释我们发现有一个字段叫newFilename就是它了

定位到validateUploadItem方法

![这里写图片描述][20160325130911324]

private boolean validateUploadItem(final FileItem item, final String path) {
    
            if (item.getName() != null && item.getName().length() > 0) {
                this.fileName = getFileItemName(item);
            } else {
                this.errorCode = Constants.Errors.CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID;
                return false;
            }
            // 就是这一行代码来重命名的
    
            this.newFileName = this.fileName;
    
            // 下面的代码省略了，因为也不会动它们
        }

我将上传的文件名采用uuid进行重命名。

也可以在文件名前面加上时间戳，这个根据自己的需求来定。

代码如下

// 文件后缀名
            String extentsion = FileUtils.getFileExtension(this.fileName); 
            String uuid = UUID.randomUUID().toString(); 
            // 去掉“-”符号 
            String id = uuid.substring(0,8)+uuid.substring(9,13)+uuid.substring(14,18)+uuid.substring(19,23)+uuid.substring(24); 
            this.newFileName = id+"."+extentsion;
    
            // this.newFileName = this.fileName;

如果像以时间戳作为前缀可以这么改

SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
        String prefix = sdf.format(new Date());
        this.newFileName = prefix+"-"+this.fileName;

好了，代码修改完毕。

## 打包源码 ##

Run AS Maven build( 注意是下面的 )

![这里写图片描述][20160325131320935]

在Goals 中输入package，然后点击Run

![这里写图片描述][20160325131500460]

看到如下信息说明打包成功。

![这里写图片描述][20160325131745781]

进入源代码的文件夹，我们发现在CKFinder目录下多了一个target目录

![这里写图片描述][20160325131837883]

target目中中的CKFinder-2.6.0.jar就是我们打包后生成的jar

![这里写图片描述][20160325131914993]

至此jar包已经生成，最后一步就是替换以前的jar。为了有所区别，我将生成的CKFinder-2.6.0.jar重命名为CKFinder-uuid-2.6.0.jar

## 部署测试 ##

将项目中引用的CKFinder-2.6.0.jar替换为自己修改过的CKFinder-uuid-2.6.0.jar

![这里写图片描述][20160325132248298]

### 运行并测试 ###

![这里写图片描述][20160325132859091]

我们发现上传了一个ubuntu-alt.png的文件，在服务器被重命名为0ed3be8dc1a14bec9b6326edd3fde511.png

CKFinder-uuid-2.6.0.jar的下载地址

[http://download.csdn.net/detail/frankcheng5143/9472382][http_download.csdn.net_detail_frankcheng5143_9472382]

# 参考文献 #

> [http://blog.csdn.net/cuihaiyang/article/details/6526190][http_blog.csdn.net_cuihaiyang_article_details_6526190]

[20160325112516782]: /images/20220727/37a3767a148d422c9cb8639e634c3cdc.png
[20160325133944086]: /images/20220727/fe0832cc253c4dbda28bb007f81e1000.png
[20160325140746024]: /images/20220727/99cc85f2ae8340de940d11df5d9f5328.png
[20160325112907721]: /images/20220727/4613339b3a4f44dea2bdce1cc7b1c3fa.png
[20160325112834337]: /images/20220727/692d1f08595a410d9e337a4835319d96.png
[http_blog.csdn.net_frankcheng5143_article_details_50946142]: http://blog.csdn.net/frankcheng5143/article/details/50946142
[https_cksource.com_ckfinder_download]: https://cksource.com/ckfinder/download
[https_download.cksource.com_CKFinder_CKFinder_20for_20Java_2.6.0_ckfinder_java_2.6.0.zip]: https://download.cksource.com/CKFinder/CKFinder%20for%20Java/2.6.0/ckfinder_java_2.6.0.zip
[20160325114157213]: /images/20220727/69617b15b7454734ae59b8b806e0cd21.png
[20160325114324352]: /images/20220727/1ed222c6e62e4fa98d54c50d9b8797cd.png
[20160325125958829]: /images/20220727/1f5fdfcacead492c9e3fb6c8d6404a53.png
[20160325130116587]: /images/20220727/3de0a819ca7f4c439f2141ad8debb9ff.png
[20160325130312853]: /images/20220727/c66b7ae790f34ec1bc3ff0d6fa32d67b.png
[20160325130352181]: /images/20220727/88bf9942799443419aef795d45ae11d0.png
[20160325130751817]: /images/20220727/8b3e45cb17f54d77a225745e82bd5bc0.png
[20160325130911324]: /images/20220727/64e65f4504dd4c02ba9abb5b637190b0.png
[20160325131320935]: /images/20220727/b91324829bf2436cbdf84b18cbd78ab8.png
[20160325131500460]: /images/20220727/a798052ef2b8447bafc8e07ba9622a0d.png
[20160325131745781]: /images/20220727/42658b6d857b4df98f23f94231058efd.png
[20160325131837883]: /images/20220727/cb79f297696c4aad9303803527d60963.png
[20160325131914993]: /images/20220727/7863a30c10ce496988d522a5bc48338c.png
[20160325132248298]: /images/20220727/855eb7f6890f40ffb037b82df8da5e0d.png
[20160325132859091]: /images/20220727/ffa04619ab6c48dfbd1d13a6fefc8117.png
[http_download.csdn.net_detail_frankcheng5143_9472382]: http://download.csdn.net/detail/frankcheng5143/9472382
[http_blog.csdn.net_cuihaiyang_article_details_6526190]: http://blog.csdn.net/cuihaiyang/article/details/6526190