在線HTML文檔編輯器使用入門之圖片上傳與圖片管理的實現

在線HTML文檔編輯器使用入門之圖片上傳與圖片管理的實現：
    官方網址： http://kindeditor.net/demo.php
開發步驟：
    1.開發中只需要導入選中的文件（通常在 webapp 下，建立 editor 文件夾 ）
        導入：lang、plugins、themes、kindeditor.js/kindeditor-min.js-->放在editor文件夾下
    2.在頁面上引入相關的js&css文件
        <!-- 導入Kindeditor相關文件 -->
        <script type="text/javascript" src="../../editor/lang/zh_CN.js"></script>
        <script type="text/javascript" src="../../editor/kindeditor.js"></script>
        <link rel="stylesheet" href="../../editor/themes/default/default.css" />
    3.在頁面提供標簽<textarea id="ta" name="ta"></textarea>
        KindEditor.ready(function(K) {
            window.editor = K.create("#ta");
    4.定制工具欄按鈕顯示：
        KindEditor.ready(function(K) {
            window.editor = K.create("#ta", {
                        items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
                            'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                            'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
                            'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                            'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
                            'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                            'anchor', 'link', 'unlink', '|', 'about'
                ],allowFileManager:true,
                uploadJson:"../../image_upload.action",
                fileManagerJson:"../../image_manager.action"
            });
    5.上傳圖片與圖片管理功能實現：
        頁面提供對應方法：
            allowFileManager、uploadJson、fileManagerJson-->發送請求到后台action處理：
        //提供屬性注入
        private File imgFile;
        private String imgFileFileName;
        private String imgFileContentType;
        //圖片上傳方法
        @Action(value = "image_upload", results = { @Result(name = "success", type = "json") })
        public String uploadImg() throws IOException {
            System.out.println("file:" + imgFile);
            System.out.println("文件名稱:" + imgFileFileName);
            System.out.println("文件類型:" + imgFileContentType);
            String savePath = ServletActionContext.getServletContext().getRealPath(
                    "/upload/");
            String saveUrl = ServletActionContext.getRequest().getContextPath()
                    + savePath;
            // 生成隨即圖片名稱
            UUID randomUUID = UUID.randomUUID();
            String ext = imgFileFileName
                    .substring(imgFileFileName.lastIndexOf("."));
            String randomUrl = randomUUID + ext;
            // 保存圖片(絕對的路徑和)
            FileUtils.copyFile(imgFile, new File(savePath + "/" + randomUrl));
            // 返回瀏覽器數據(文件上傳成功了還是失敗了)
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("error", 0);
            map.put("url", saveUrl + randomUrl);
            ServletActionContext.getContext().getValueStack().push(map);
            return SUCCESS;
        }

        //圖片管理方法
        @Action(value = "image_manager", results = { @Result(name = "success", type = "json") })
        public String manager() {
            // 根目錄路徑(絕對路徑)
            String rootPath = ServletActionContext.getServletContext().getRealPath(
                    "/")
                    + "upload/";
            // 根目錄URL(絕對路徑)
            String rootUrl = ServletActionContext.getRequest().getContextPath()
                    + "/upload/";
            List<Map<String, Object>> fileList = new ArrayList<Map<String, Object>>();
            // 當前上傳目錄
            File currentPathFile = new File(rootPath);
            // 圖片的擴展名
            String[] fileTypes = new String[] { "gif", "jpg", "jpeg", "png", "bmp" };

            if (currentPathFile.listFiles() != null) {
                // 遍歷目錄取的文件信息
                for (File file : currentPathFile.listFiles()) {
                    Map<String, Object> hash = new HashMap<String, Object>();
                    String fileName = file.getName();
                    if (file.isDirectory()) {
                        hash.put("is_dir", true);
                        hash.put("has_file", (file.listFiles() != null));
                        hash.put("filesize", 0L);
                        hash.put("is_photo", false);
                        hash.put("filetype", "");
                    } else if (file.isFile()) {
                        String fileExt = fileName.substring(
                                fileName.lastIndexOf(".") + 1).toLowerCase();
                        hash.put("is_dir", false);
                        hash.put("has_file", false);
                        hash.put("filesize", file.length());
                        hash.put("is_photo", Arrays.<String> asList(fileTypes)
                                .contains(fileExt));
                        hash.put("filetype", fileExt);
                    }
                    hash.put("filename", fileName);
                    hash.put("datetime",
                            new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(file
                                    .lastModified()));
                    fileList.add(hash);
                }
            }
            Map<String, Object> result = new HashMap<String, Object>();
            result.put("moveup_dir_path", "");
            result.put("current_dir_path", rootPath);
            result.put("current_url", rootUrl);
            result.put("total_count", fileList.size());
            result.put("file_list", fileList);
            ActionContext.getContext().getValueStack().push(result);
            return SUCCESS;
        }