kindeditor编辑器添加自定义插件的方法

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果。说实话在使用这个编辑器以前，我也使用过别的编辑器，最后不是因为使用麻烦，就是因为程序太臃肿，而放弃使用，可是KindEditor不同，不仅结构小巧，而且功能强大，最主要的是它采用插件的开发管理方式，能很容易再它的基础上添加插件来实现自己的功能

　　小编在使用KindEditor过程中，随着使用时间的加长，发现KindEditor一个最大的缺陷，那就是不支持文件的上传，所以到网上搜了很多相关的资料，发现可以自己加插件到KindEditor中，现整理方法如下：

一.打开kindeditor.js文件

　　1.找到KE.lang，如下图所示：

在里面加入以下语句：

accessory : '插入附件',

invalidAccessory : "请输入有效的URL地址。只允许rar,zip格式。",

  2.在KE.setting中加入将该功能加入到kindeditor中，加入后的截图如下：

二、经过第一步后，准备工作已经作完了，下面就是编写有关上传附件的核心代码，将以下的代码加入到kindeditor.js文件中，加入到该文件的最后    })(KindEditor);之前 及上一个“;”之后即可

KE<span class="sh_symbol">.</span>plugin<span class="sh_symbol">[</span><span class="sh_string">'accessory'</span><span class="sh_symbol">]</span> <span class="sh_symbol">=</span> <span class="sh_cbracket">{</span>     click <span class="sh_symbol">:</span> <span class="sh_keyword">function</span> <span class="sh_symbol">(</span>id<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>         KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">selection</span><span class="sh_symbol">(</span>id<span class="sh_symbol">);</span>         <span class="sh_keyword">this</span><span class="sh_symbol">.</span>dialog <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> KE<span class="sh_symbol">.</span><span class="sh_function">dialog</span><span class="sh_symbol">(</span><span class="sh_cbracket">{</span>             id <span class="sh_symbol">:</span> id<span class="sh_symbol">,</span>             cmd <span class="sh_symbol">:</span> <span class="sh_string">'accessory'</span><span class="sh_symbol">,</span>             file <span class="sh_symbol">:</span> <span class="sh_string">'accessory.html'</span><span class="sh_symbol">,</span>             width <span class="sh_symbol">:</span> <span class="sh_number">310</span><span class="sh_symbol">,</span>             height <span class="sh_symbol">:</span> <span class="sh_number">55</span><span class="sh_symbol">,</span>             loadingMode <span class="sh_symbol">:</span> <span class="sh_keyword">true</span><span class="sh_symbol">,</span>             title <span class="sh_symbol">:</span> KE<span class="sh_symbol">.</span>lang<span class="sh_symbol">[</span><span class="sh_string">'accessory'</span><span class="sh_symbol">],</span>             yesButton <span class="sh_symbol">:</span> KE<span class="sh_symbol">.</span>lang<span class="sh_symbol">[</span><span class="sh_string">'yes'</span><span class="sh_symbol">],</span>             noButton<span class="sh_symbol">:</span> KE<span class="sh_symbol">.</span>lang<span class="sh_symbol">[</span><span class="sh_string">'no'</span><span class="sh_symbol">]</span>         <span class="sh_cbracket">}</span><span class="sh_symbol">);</span>         <span class="sh_keyword">this</span><span class="sh_symbol">.</span>dialog<span class="sh_symbol">.</span><span class="sh_function">show</span><span class="sh_symbol">();</span>     <span class="sh_cbracket">}</span><span class="sh_symbol">,</span>     check<span class="sh_symbol">:</span> <span class="sh_keyword">function</span> <span class="sh_symbol">(</span>id<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>         <span class="sh_keyword">var</span> dialogDoc <span class="sh_symbol">=</span> KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">getIframeDoc</span><span class="sh_symbol">(</span><span class="sh_keyword">this</span><span class="sh_symbol">.</span>dialog<span class="sh_symbol">.</span>iframe<span class="sh_symbol">);</span>         <span class="sh_keyword">var</span> url <span class="sh_symbol">=</span> KE<span class="sh_symbol">.</span>$<span class="sh_symbol">(</span><span class="sh_string">'accessoryFile'</span><span class="sh_symbol">,</span> dialogDoc<span class="sh_symbol">).</span>value<span class="sh_symbol">;</span>         <span class="sh_keyword">if</span> <span class="sh_symbol">(</span>url<span class="sh_symbol">.</span><span class="sh_function">match</span><span class="sh_symbol">(</span><span class="sh_regexp">/\.(rar|zip)$/i</span><span class="sh_symbol">)</span> <span class="sh_symbol">==</span> <span class="sh_keyword">null</span><span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>             <span class="sh_function">alert</span><span class="sh_symbol">(</span>KE<span class="sh_symbol">.</span>lang<span class="sh_symbol">[</span><span class="sh_string">'invalidAccessory'</span><span class="sh_symbol">]);</span>             window<span class="sh_symbol">.</span><span class="sh_function">focus</span><span class="sh_symbol">();</span>             KE<span class="sh_symbol">.</span>g<span class="sh_symbol">[</span>id<span class="sh_symbol">].</span>yesButton<span class="sh_symbol">.</span><span class="sh_function">focus</span><span class="sh_symbol">();</span>             <span class="sh_keyword">return</span> <span class="sh_keyword">false</span><span class="sh_symbol">;</span>         <span class="sh_cbracket">}</span>         <span class="sh_keyword">return</span> <span class="sh_keyword">true</span><span class="sh_symbol">;</span>     <span class="sh_cbracket">}</span><span class="sh_symbol">,</span>     exec <span class="sh_symbol">:</span> <span class="sh_keyword">function</span> <span class="sh_symbol">(</span>id<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>         <span class="sh_keyword">var</span> self <span class="sh_symbol">=</span> <span class="sh_keyword">this</span><span class="sh_symbol">;</span>         <span class="sh_keyword">var</span> dialogDoc <span class="sh_symbol">=</span> KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">getIframeDoc</span><span class="sh_symbol">(</span><span class="sh_keyword">this</span><span class="sh_symbol">.</span>dialog<span class="sh_symbol">.</span>iframe<span class="sh_symbol">);</span>         <span class="sh_keyword">if</span> <span class="sh_symbol">(!</span><span class="sh_keyword">this</span><span class="sh_symbol">.</span><span class="sh_function">check</span><span class="sh_symbol">(</span>id<span class="sh_symbol">))</span> <span class="sh_keyword">return</span> <span class="sh_keyword">false</span><span class="sh_symbol">;</span>         KE<span class="sh_symbol">.</span>$<span class="sh_symbol">(</span><span class="sh_string">'editorId'</span><span class="sh_symbol">,</span> dialogDoc<span class="sh_symbol">).</span>value <span class="sh_symbol">=</span> id<span class="sh_symbol">;</span>   <span class="sh_keyword">var</span> uploadIframe <span class="sh_symbol">=</span> KE<span class="sh_symbol">.</span>$<span class="sh_symbol">(</span><span class="sh_string">'uploadIframe'</span><span class="sh_symbol">,</span> dialogDoc<span class="sh_symbol">);</span>   KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">showLoadingPage</span><span class="sh_symbol">(</span>id<span class="sh_symbol">);</span>          <span class="sh_keyword">var</span> onloadFunc <span class="sh_symbol">=</span> <span class="sh_keyword">function</span><span class="sh_symbol">()</span> <span class="sh_cbracket">{</span>             KE<span class="sh_symbol">.</span>event<span class="sh_symbol">.</span><span class="sh_function">remove</span><span class="sh_symbol">(</span>uploadIframe<span class="sh_symbol">,</span> <span class="sh_string">'load'</span><span class="sh_symbol">,</span> onloadFunc<span class="sh_symbol">);</span>             KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">hideLoadingPage</span><span class="sh_symbol">(</span>id<span class="sh_symbol">);</span>             <span class="sh_keyword">var</span> uploadDoc <span class="sh_symbol">=</span> KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">getIframeDoc</span><span class="sh_symbol">(</span>uploadIframe<span class="sh_symbol">);</span>             <span class="sh_keyword">var</span> data <span class="sh_symbol">=</span> <span class="sh_string">''</span><span class="sh_symbol">;</span>             <span class="sh_keyword">try</span> <span class="sh_cbracket">{</span>                 data <span class="sh_symbol">=</span> KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">parseJson</span><span class="sh_symbol">(</span>uploadDoc<span class="sh_symbol">.</span>body<span class="sh_symbol">.</span>innerHTML<span class="sh_symbol">);</span>             <span class="sh_cbracket">}</span> <span class="sh_keyword">catch</span><span class="sh_symbol">(</span>e<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span> <span class="sh_function">alert</span><span class="sh_symbol">(</span>KE<span class="sh_symbol">.</span>lang<span class="sh_symbol">.</span>invalidJson<span class="sh_symbol">);</span> <span class="sh_cbracket">}</span>             <span class="sh_keyword">if</span> <span class="sh_symbol">(</span><span class="sh_keyword">typeof</span> data <span class="sh_symbol">===</span> <span class="sh_string">'object'</span> <span class="sh_symbol">&&</span> <span class="sh_string">'error'</span> <span class="sh_keyword">in</span> data<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>                 <span class="sh_keyword">if</span> <span class="sh_symbol">(</span>data<span class="sh_symbol">.</span>error <span class="sh_symbol">===</span> <span class="sh_number">0</span><span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>                     self<span class="sh_symbol">.</span><span class="sh_function">insert</span><span class="sh_symbol">(</span>id<span class="sh_symbol">,</span> data<span class="sh_symbol">.</span>url<span class="sh_symbol">,</span>data<span class="sh_symbol">.</span>filename<span class="sh_symbol">);</span>                 <span class="sh_cbracket">}</span> <span class="sh_keyword">else</span> <span class="sh_cbracket">{</span>                     <span class="sh_function">alert</span><span class="sh_symbol">(</span>data<span class="sh_symbol">.</span>message<span class="sh_symbol">);</span>                     <span class="sh_keyword">return</span> <span class="sh_keyword">false</span><span class="sh_symbol">;</span>                 <span class="sh_cbracket">}</span>             <span class="sh_cbracket">}</span>         <span class="sh_cbracket">}</span><span class="sh_symbol">;</span>          KE<span class="sh_symbol">.</span>event<span class="sh_symbol">.</span><span class="sh_function">add</span><span class="sh_symbol">(</span>uploadIframe<span class="sh_symbol">,</span> <span class="sh_string">'load'</span><span class="sh_symbol">,</span> onloadFunc<span class="sh_symbol">);</span>         dialogDoc<span class="sh_symbol">.</span>uploadForm<span class="sh_symbol">.</span><span class="sh_function">submit</span><span class="sh_symbol">();</span>          <span class="sh_keyword">return</span><span class="sh_symbol">;</span>     <span class="sh_cbracket">}</span><span class="sh_symbol">,</span>     insert <span class="sh_symbol">:</span> <span class="sh_keyword">function</span> <span class="sh_symbol">(</span>id<span class="sh_symbol">,</span> url<span class="sh_symbol">,</span> filename<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span>         KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">insertHtml</span><span class="sh_symbol">(</span>id<span class="sh_symbol">,</span> <span class="sh_string">'<a href="'</span> <span class="sh_symbol">+</span> url <span class="sh_symbol">+</span> <span class="sh_string">'" >'</span><span class="sh_symbol">+</span>filename<span class="sh_symbol">+</span><span class="sh_string">'</a>'</span><span class="sh_symbol">);</span>         <span class="sh_keyword">this</span><span class="sh_symbol">.</span>dialog<span class="sh_symbol">.</span><span class="sh_function">hide</span><span class="sh_symbol">();</span>         KE<span class="sh_symbol">.</span>util<span class="sh_symbol">.</span><span class="sh_function">focus</span><span class="sh_symbol">(</span>id<span class="sh_symbol">);</span>     <span class="sh_cbracket">}</span> <span class="sh_cbracket">}</span><span class="sh_symbol">;</span>

注意最后的分号

三、在plugins文件夹中增加上传附件的文件，文件名为accessory.html，这个名字可以在以上的代码中修改（修改以上代码中的红色部分，即可）

<!doctype html><span class="sh_keyword"><html></span>    <span class="sh_keyword"><head></span>        <span class="sh_keyword"><meta</span> <span class="sh_type">http-equiv</span><span class="sh_symbol">=</span><span class="sh_string">"content-type"</span> <span class="sh_type">content</span><span class="sh_symbol">=</span><span class="sh_string">"text/html; charset=utf-8"</span> <span class="sh_keyword">/></span>        <span class="sh_keyword"><title></span>Accessory<span class="sh_keyword"></title></span>        <span class="sh_keyword"><style</span> <span class="sh_type">type</span><span class="sh_symbol">=</span><span class="sh_string">"text/css"</span><span class="sh_keyword">></span>            body { font-size: 12px; margin: 0px; background: #F0F0EE; overflow: hidden; }        <span class="sh_keyword"></style></span>        <span class="sh_keyword"><script</span> <span class="sh_type">type</span><span class="sh_symbol">=</span><span class="sh_string">"text/javascript"</span><span class="sh_keyword">></span>            var KE = parent.KindEditor;            location.href.match(/\?id=([\w-]+)/i);            var id = RegExp.$1;            KE.event.ready(function () { KE.util.hideLoadingPage(id); }, window, document);        <span class="sh_keyword"></script></span>    <span class="sh_keyword"></head></span>    <span class="sh_keyword"><body></span>        <span class="sh_keyword"><iframe</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_string">"uploadIframe"</span> <span class="sh_type">id</span><span class="sh_symbol">=</span><span class="sh_string">"uploadIframe"</span> <span class="sh_type">style</span><span class="sh_symbol">=</span><span class="sh_string">"display:none;"</span><span class="sh_keyword">></iframe></span>        <span class="sh_keyword"><form</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_string">"uploadForm"</span> <span class="sh_type">method</span><span class="sh_symbol">=</span><span class="sh_string">"post"</span> <span class="sh_type">enctype</span><span class="sh_symbol">=</span><span class="sh_string">"multipart/form-data"</span> <span class="sh_type">action</span><span class="sh_symbol">=</span><span class="sh_string">"upload.jsp"</span><span class="sh_type">target</span><span class="sh_symbol">=</span><span class="sh_string">"uploadIframe"</span><span class="sh_keyword">></span>            <span class="sh_keyword"><input</span> <span class="sh_type">type</span><span class="sh_symbol">=</span><span class="sh_string">"hidden"</span> <span class="sh_type">id</span><span class="sh_symbol">=</span><span class="sh_string">"editorId"</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_string">"id"</span> <span class="sh_type">value</span><span class="sh_symbol">=</span><span class="sh_string">""</span> <span class="sh_keyword">/></span>                <span class="sh_keyword"><table</span> <span class="sh_type">border</span><span class="sh_symbol">=</span><span class="sh_string">"0"</span> <span class="sh_type">cellpadding</span><span class="sh_symbol">=</span><span class="sh_string">"0"</span> <span class="sh_type">cellspacing</span><span class="sh_symbol">=</span><span class="sh_string">"0"</span> <span class="sh_type">align</span><span class="sh_symbol">=</span><span class="sh_string">"center"</span><span class="sh_keyword">></span>                  <span class="sh_keyword"><tr><td><input</span> <span class="sh_type">type</span><span class="sh_symbol">=</span><span class="sh_string">"file"</span> <span class="sh_type">id</span><span class="sh_symbol">=</span><span class="sh_string">"accessoryFile"</span> <span class="sh_type">name</span><span class="sh_symbol">=</span><span class="sh_string">"accessoryFile"</span> <span class="sh_type">style</span><span class="sh_symbol">=</span><span class="sh_string">"width:220px;"</span> <span class="sh_keyword">/></td></tr></span>                <span class="sh_keyword"></table></span>        <span class="sh_keyword"></form></span>    <span class="sh_keyword"></body></span><span class="sh_keyword"></html></span>

四、编写附件上传的处理页面，这里使用jsp进行编写，以上的红色部分，即是要提交到的处理页面，这里upload.jsp和accessory.html在一个文件夹下，大家也可以放到别的文件夹下，然后改一下上面代码的action值就可以了，upload.jsp内容如下：

<span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span>language<span class="sh_symbol">=</span><span class="sh_string">"java"</span> contentType<span class="sh_symbol">=</span><span class="sh_string">"text/html; charset=UTF-8"</span> pageEncoding<span class="sh_symbol">=</span><span class="sh_string">"UTF-8"</span><span class="sh_symbol">%></span><span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span><span class="sh_preproc">import</span><span class="sh_symbol">=</span><span class="sh_string">"java.util.*,java.io.*"</span> <span class="sh_symbol">%></span><span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span><span class="sh_preproc">import</span><span class="sh_symbol">=</span><span class="sh_string">"java.text.SimpleDateFormat"</span> <span class="sh_symbol">%></span><span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span><span class="sh_preproc">import</span><span class="sh_symbol">=</span><span class="sh_string">"org.apache.commons.fileupload.*"</span> <span class="sh_symbol">%></span><span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span><span class="sh_preproc">import</span><span class="sh_symbol">=</span><span class="sh_string">"org.apache.commons.fileupload.disk.*"</span> <span class="sh_symbol">%></span><span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span><span class="sh_preproc">import</span><span class="sh_symbol">=</span><span class="sh_string">"org.apache.commons.fileupload.servlet.*"</span> <span class="sh_symbol">%></span><span class="sh_symbol"><%</span>@ <span class="sh_usertype">page</span><span class="sh_normal"> </span><span class="sh_preproc">import</span><span class="sh_symbol">=</span><span class="sh_string">"org.json.simple.*"</span> <span class="sh_symbol">%></span><span class="sh_symbol"><%</span><span class="sh_comment">//文件保存目录路径</span><span class="sh_usertype">String</span><span class="sh_normal"> </span>savePath <span class="sh_symbol">=</span> pageContext<span class="sh_symbol">.</span><span class="sh_function">getServletContext</span><span class="sh_symbol">().</span><span class="sh_function">getRealPath</span><span class="sh_symbol">(</span><span class="sh_string">"/"</span><span class="sh_symbol">)</span> <span class="sh_symbol">+</span> <span class="sh_string">"attached/"</span><span class="sh_symbol">;</span><span class="sh_comment">//文件保存目录URL</span><span class="sh_usertype">String</span><span class="sh_normal"> </span>saveUrl  <span class="sh_symbol">=</span> request<span class="sh_symbol">.</span><span class="sh_function">getContextPath</span><span class="sh_symbol">()</span> <span class="sh_symbol">+</span> <span class="sh_string">"/attached/"</span><span class="sh_symbol">;</span><span class="sh_comment">//定义允许上传的文件扩展名</span>String<span class="sh_symbol">[]</span> fileTypes <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> String<span class="sh_symbol">[]</span><span class="sh_cbracket">{</span><span class="sh_string">"rar"</span><span class="sh_symbol">,</span> <span class="sh_string">"zip"</span><span class="sh_cbracket">}</span><span class="sh_symbol">;</span><span class="sh_comment">//最大文件大小</span><span class="sh_type">long</span> maxSize <span class="sh_symbol">=</span> <span class="sh_number">1000000</span><span class="sh_symbol">;</span>response<span class="sh_symbol">.</span><span class="sh_function">setContentType</span><span class="sh_symbol">(</span><span class="sh_string">"text/html; charset=UTF-8"</span><span class="sh_symbol">);</span><span class="sh_keyword">if</span><span class="sh_symbol">(!</span>ServletFileUpload<span class="sh_symbol">.</span><span class="sh_function">isMultipartContent</span><span class="sh_symbol">(</span>request<span class="sh_symbol">))</span><span class="sh_cbracket">{</span> out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_string">"请选择文件。"</span><span class="sh_symbol">));</span> <span class="sh_keyword">return</span><span class="sh_symbol">;</span><span class="sh_cbracket">}</span><span class="sh_comment">//检查目录</span><span class="sh_usertype">File</span><span class="sh_normal"> </span>uploadDir <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">File</span><span class="sh_symbol">(</span>savePath<span class="sh_symbol">);</span><span class="sh_keyword">if</span><span class="sh_symbol">(!</span>uploadDir<span class="sh_symbol">.</span><span class="sh_function">isDirectory</span><span class="sh_symbol">())</span><span class="sh_cbracket">{</span> out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_string">"上传目录不存在。"</span><span class="sh_symbol">));</span> <span class="sh_keyword">return</span><span class="sh_symbol">;</span><span class="sh_cbracket">}</span><span class="sh_comment">//检查目录写权限</span><span class="sh_keyword">if</span><span class="sh_symbol">(!</span>uploadDir<span class="sh_symbol">.</span><span class="sh_function">canWrite</span><span class="sh_symbol">())</span><span class="sh_cbracket">{</span> out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_string">"上传目录没有写权限。"</span><span class="sh_symbol">));</span> <span class="sh_keyword">return</span><span class="sh_symbol">;</span><span class="sh_cbracket">}</span><span class="sh_usertype">FileItemFactory</span><span class="sh_normal"> </span>factory <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">DiskFileItemFactory</span><span class="sh_symbol">();</span><span class="sh_usertype">ServletFileUpload</span><span class="sh_normal"> </span>upload <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">ServletFileUpload</span><span class="sh_symbol">(</span>factory<span class="sh_symbol">);</span>upload<span class="sh_symbol">.</span><span class="sh_function">setHeaderEncoding</span><span class="sh_symbol">(</span><span class="sh_string">"UTF-8"</span><span class="sh_symbol">);</span><span class="sh_usertype">List</span><span class="sh_normal"> </span>items <span class="sh_symbol">=</span> upload<span class="sh_symbol">.</span><span class="sh_function">parseRequest</span><span class="sh_symbol">(</span>request<span class="sh_symbol">);</span><span class="sh_usertype">Iterator</span><span class="sh_normal"> </span>itr <span class="sh_symbol">=</span> items<span class="sh_symbol">.</span><span class="sh_function">iterator</span><span class="sh_symbol">();</span><span class="sh_keyword">while</span> <span class="sh_symbol">(</span>itr<span class="sh_symbol">.</span><span class="sh_function">hasNext</span><span class="sh_symbol">())</span> <span class="sh_cbracket">{</span> <span class="sh_usertype">FileItem</span><span class="sh_normal"> </span>item <span class="sh_symbol">=</span> <span class="sh_symbol">(</span>FileItem<span class="sh_symbol">)</span> itr<span class="sh_symbol">.</span><span class="sh_function">next</span><span class="sh_symbol">();</span> <span class="sh_usertype">String</span><span class="sh_normal"> </span>fileName <span class="sh_symbol">=</span> item<span class="sh_symbol">.</span><span class="sh_function">getName</span><span class="sh_symbol">();</span> <span class="sh_type">long</span> fileSize <span class="sh_symbol">=</span> item<span class="sh_symbol">.</span><span class="sh_function">getSize</span><span class="sh_symbol">();</span> <span class="sh_keyword">if</span> <span class="sh_symbol">(!</span>item<span class="sh_symbol">.</span><span class="sh_function">isFormField</span><span class="sh_symbol">())</span> <span class="sh_cbracket">{</span>  <span class="sh_comment">//检查文件大小</span>  <span class="sh_keyword">if</span><span class="sh_symbol">(</span>item<span class="sh_symbol">.</span><span class="sh_function">getSize</span><span class="sh_symbol">()</span> <span class="sh_symbol">></span> maxSize<span class="sh_symbol">)</span><span class="sh_cbracket">{</span>   out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_string">"上传文件大小超过限制。"</span><span class="sh_symbol">));</span>   <span class="sh_keyword">return</span><span class="sh_symbol">;</span>  <span class="sh_cbracket">}</span>  <span class="sh_comment">//检查扩展名</span>  <span class="sh_usertype">String</span><span class="sh_normal"> </span>fileExt <span class="sh_symbol">=</span> fileName<span class="sh_symbol">.</span><span class="sh_function">substring</span><span class="sh_symbol">(</span>fileName<span class="sh_symbol">.</span><span class="sh_function">lastIndexOf</span><span class="sh_symbol">(</span><span class="sh_string">"."</span><span class="sh_symbol">)</span> <span class="sh_symbol">+</span> <span class="sh_number">1</span><span class="sh_symbol">).</span><span class="sh_function">toLowerCase</span><span class="sh_symbol">();</span>  <span class="sh_keyword">if</span><span class="sh_symbol">(!</span>Arrays<span class="sh_symbol">.<</span>String<span class="sh_symbol">></span><span class="sh_function">asList</span><span class="sh_symbol">(</span>fileTypes<span class="sh_symbol">).</span><span class="sh_function">contains</span><span class="sh_symbol">(</span>fileExt<span class="sh_symbol">))</span><span class="sh_cbracket">{</span>   out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_string">"上传文件扩展名是不允许的扩展名。"</span><span class="sh_symbol">));</span>   <span class="sh_keyword">return</span><span class="sh_symbol">;</span>  <span class="sh_cbracket">}</span>  <span class="sh_usertype">SimpleDateFormat</span><span class="sh_normal"> </span>df <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">SimpleDateFormat</span><span class="sh_symbol">(</span><span class="sh_string">"yyyyMMddHHmmss"</span><span class="sh_symbol">);</span>  <span class="sh_usertype">String</span><span class="sh_normal"> </span>newFileName <span class="sh_symbol">=</span> df<span class="sh_symbol">.</span><span class="sh_function">format</span><span class="sh_symbol">(</span><span class="sh_keyword">new</span> <span class="sh_function">Date</span><span class="sh_symbol">())</span> <span class="sh_symbol">+</span> <span class="sh_string">"_"</span> <span class="sh_symbol">+</span> <span class="sh_keyword">new</span> <span class="sh_function">Random</span><span class="sh_symbol">().</span><span class="sh_function">nextInt</span><span class="sh_symbol">(</span><span class="sh_number">1000</span><span class="sh_symbol">)</span> <span class="sh_symbol">+</span> <span class="sh_string">"."</span> <span class="sh_symbol">+</span> fileExt<span class="sh_symbol">;</span>  <span class="sh_keyword">try</span><span class="sh_cbracket">{</span>   <span class="sh_usertype">File</span><span class="sh_normal"> </span>uploadedFile <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">File</span><span class="sh_symbol">(</span>savePath<span class="sh_symbol">,</span> newFileName<span class="sh_symbol">);</span>   item<span class="sh_symbol">.</span><span class="sh_function">write</span><span class="sh_symbol">(</span>uploadedFile<span class="sh_symbol">);</span>  <span class="sh_cbracket">}</span><span class="sh_keyword">catch</span><span class="sh_symbol">(</span><span class="sh_usertype">Exception</span><span class="sh_normal"> </span>e<span class="sh_symbol">)</span><span class="sh_cbracket">{</span>   out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_string">"上传文件失败。"</span><span class="sh_symbol">));</span>   <span class="sh_keyword">return</span><span class="sh_symbol">;</span>  <span class="sh_cbracket">}</span>  <span class="sh_usertype">JSONObject</span><span class="sh_normal"> </span>obj <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">JSONObject</span><span class="sh_symbol">();</span>  obj<span class="sh_symbol">.</span><span class="sh_function">put</span><span class="sh_symbol">(</span><span class="sh_string">"error"</span><span class="sh_symbol">,</span> <span class="sh_number">0</span><span class="sh_symbol">);</span>  obj<span class="sh_symbol">.</span><span class="sh_function">put</span><span class="sh_symbol">(</span><span class="sh_string">"url"</span><span class="sh_symbol">,</span> saveUrl <span class="sh_symbol">+</span> newFileName<span class="sh_symbol">);</span>  obj<span class="sh_symbol">.</span><span class="sh_function">put</span><span class="sh_symbol">(</span><span class="sh_string">"filename"</span><span class="sh_symbol">,</span>fileName<span class="sh_symbol">);</span>  out<span class="sh_symbol">.</span><span class="sh_function">println</span><span class="sh_symbol">(</span>obj<span class="sh_symbol">.</span><span class="sh_function">toJSONString</span><span class="sh_symbol">());</span> <span class="sh_cbracket">}</span><span class="sh_cbracket">}</span><span class="sh_symbol">%></span><span class="sh_symbol"><%!</span><span class="sh_keyword">private</span> <span class="sh_usertype">String</span><span class="sh_normal"> </span><span class="sh_function">getError</span><span class="sh_symbol">(</span><span class="sh_usertype">String</span><span class="sh_normal"> </span>message<span class="sh_symbol">)</span> <span class="sh_cbracket">{</span> <span class="sh_usertype">JSONObject</span><span class="sh_normal"> </span>obj <span class="sh_symbol">=</span> <span class="sh_keyword">new</span> <span class="sh_function">JSONObject</span><span class="sh_symbol">();</span> obj<span class="sh_symbol">.</span><span class="sh_function">put</span><span class="sh_symbol">(</span><span class="sh_string">"error"</span><span class="sh_symbol">,</span> <span class="sh_number">1</span><span class="sh_symbol">);</span> obj<span class="sh_symbol">.</span><span class="sh_function">put</span><span class="sh_symbol">(</span><span class="sh_string">"message"</span><span class="sh_symbol">,</span> message<span class="sh_symbol">);</span> <span class="sh_keyword">return</span> obj<span class="sh_symbol">.</span><span class="sh_function">toJSONString</span><span class="sh_symbol">();</span><span class="sh_cbracket">}</span><span class="sh_symbol">%></span>

五、修改skins目录里的default.gif，增加附件图标，可采用photoshop等图片处理软件，在default.gif的最后面加一个附件图标，大小为16*16px的即可

六、修改skins目录里的default.css,加入

<span class="sh_selector">.ke</span><span class="sh_symbol">-</span>icon<span class="sh_symbol">-</span>accessory<span class="sh_cbracket">{</span>    <span class="sh_property">background-position:</span> <span class="sh_value">0px</span> <span class="sh_value">-960px</span>;    <span class="sh_property">width:</span> <span class="sh_value">16px</span>;    <span class="sh_property">height:</span> <span class="sh_value">16px</span>;<span class="sh_cbracket">}</span>

七、测试效果如下：

八、完成

KindEditor下载

转载自：http://down.chinaz.com/try/201106/711_1.htm

zhuanzai