• 使用kindeditor 4.1.7 编辑器 注意事项,上传图片失败 问题 ,


    <script charset="utf-8" src="editor/kindeditor.js"></script>
    <script charset="utf-8" src="editor/lang/zh_CN.js"></script>

    KindEditor.ready(function(K) {
    window.editor = K.create('#desc',{
    resizeType : 1,
    allowPreviewEmoticons : false,
    allowImageUpload : true,

    uploadJson: '<%=basePath%>editor/jsp/upload_json.jsp',
    items : [
    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
    'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
    'insertunorderedlist', '|', 'image', 'link']//'emoticons',
    });
    });

    1.路径不存在,可以自己加upload_json.jsp 断点 ,

    2.默认是php 的图片上传 ,在plugins/image/image.js(类似文件)  中查找php/upload_json.php 换成对应jsp.

    3.注意 upload_json.jsp中 这两个路径 

        String savePath = pageContext.getServletContext().getRealPath("/") + "editor/attached/";

        //文件保存目录URL
        String saveUrl = request.getContextPath() + "/editor/attached/";

    以上你都可以在页面加断点 看到,并自行修改 

    4. 文件上传失败 

      

    FileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload upload = new ServletFileUpload(factory);
    upload.setHeaderEncoding("UTF-8");
    List items = upload.parseRequest(request);
    Iterator itr = items.iterator();
    while (itr.hasNext()) {
        FileItem item = (FileItem) itr.next();
        String fileName = item.getName();
        long fileSize = item.getSize();
        if (!item.isFormField()) {
            //检查文件大小
            if(item.getSize() > maxSize){
                out.println(getError("上传文件大小超过限制。"));
                return;
            }
            //检查扩展名
            String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();
            if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
                out.println(getError("上传文件扩展名是不允许的扩展名。
    只允许" + extMap.get(dirName) + "格式。"));
                return;
            }
    
            SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");
            String newFileName = df.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt;
            try{
                File uploadedFile = new File(savePath, newFileName);
                item.write(uploadedFile);
            }catch(Exception e){
                out.println(getError("上传文件失败。"));
                return;
            }

    这一段可能由于struts的问题无法上传  ,可以替换为 

      

    //fdsfds
    MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;   
    //获得上传的文件名   
    String fileName = wrapper.getFileNames("imgFile")[0];//imgFile,imgFile,imgFile   
    //获得文件过滤器   
    File file = wrapper.getFiles("imgFile")[0];   
        
    //检查扩展名   
    String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();   
    if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
        out.println(getError("上传文件扩展名是不允许的扩展名。
    只允许" + extMap.get(dirName) + "格式。"));
        return;
    }   
    //检查文件大小   
    if (file.length() > maxSize) {   
            out.println(getError("上传文件大小超过限制。"));   
            return;   
    }    
        
        
    //重构上传图片的名称    
    SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");   
    String newImgName = df.format(new Date()) + "_"  
                    + new Random().nextInt(1000) + "." + fileExt;   
    byte[] buffer = new byte[1024];   
    //获取文件输出流   
    FileOutputStream fos = new FileOutputStream(savePath +"/" + newImgName);   
    //获取内存中当前文件输入流   
    InputStream in = new FileInputStream(file);   
    try {   
            int num = 0;   
            while ((num = in.read(buffer)) > 0) {   
                    fos.write(buffer, 0, num);   
            }   
    } catch (Exception e) {   
            e.printStackTrace(System.err);   
    } finally {   
            in.close();   
            fos.close();   
    } 
    JSONObject obj = new JSONObject();
    obj.put("error", 0);
    obj.put("url", saveUrl + newImgName);
    out.println(obj.toJSONString());
    //fdsfs

    副upload_json.jsp 文件:

      

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ page import="java.util.*,java.io.*" %>
    <%@ page import="java.text.SimpleDateFormat" %>
    <%@ page import="org.apache.commons.fileupload.*" %>
    <%@ page import="org.apache.commons.fileupload.disk.*" %>
    <%@ page import="org.apache.commons.fileupload.servlet.*" %>
    <%@ page import="org.json.simple.*" %>
    <%@ page import="org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper" %>
    <%
    
    /**
     * KindEditor JSP
     * 
     * 本JSP程序是演示程序,建议不要直接在实际项目中使用。
     * 如果您确定直接使用本程序,使用之前请仔细确认相关安全设置。
     * 
     */
    
    //文件保存目录路径
    String savePath = pageContext.getServletContext().getRealPath("/") + "editor/attached/";
    
    //文件保存目录URL
    String saveUrl  = request.getContextPath() + "/editor/attached/";
    
    //定义允许上传的文件扩展名
    HashMap<String, String> extMap = new HashMap<String, String>();
    extMap.put("image", "gif,jpg,jpeg,png,bmp");
    extMap.put("flash", "swf,flv");
    extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb");
    extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2");
    
    //最大文件大小
    long maxSize = 1000000;
    
    response.setContentType("text/html; charset=UTF-8");
    
    if(!ServletFileUpload.isMultipartContent(request)){
        out.println(getError("请选择文件。"));
        return;
    }
    //检查目录
    File uploadDir = new File(savePath);
    if(!uploadDir.isDirectory()){
        System.out.println(savePath);
        out.println(getError("上传目录不存在。"));
        return;
    }
    //检查目录写权限
    if(!uploadDir.canWrite()){
        out.println(getError("上传目录没有写权限。"));
        return;
    }
    
    String dirName = request.getParameter("dir");
    if (dirName == null) {
        dirName = "image";
    }
    if(!extMap.containsKey(dirName)){
        out.println(getError("目录名不正确。"));
        return;
    }
    //创建文件夹
    savePath += dirName + "/";
    saveUrl += dirName + "/";
    File saveDirFile = new File(savePath);
    if (!saveDirFile.exists()) {
        saveDirFile.mkdirs();
    }
    SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd");
    String ymd = sdf.format(new Date());
    savePath += ymd + "/";
    saveUrl += ymd + "/";
    File dirFile = new File(savePath);
    if (!dirFile.exists()) {
        dirFile.mkdirs();
    }
    //fdsfds
    MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request;   
    //获得上传的文件名   
    String fileName = wrapper.getFileNames("imgFile")[0];//imgFile,imgFile,imgFile   
    //获得文件过滤器   
    File file = wrapper.getFiles("imgFile")[0];   
        
    //检查扩展名   
    String fileExt = fileName.substring(fileName.lastIndexOf(".") + 1).toLowerCase();   
    if(!Arrays.<String>asList(extMap.get(dirName).split(",")).contains(fileExt)){
        out.println(getError("上传文件扩展名是不允许的扩展名。
    只允许" + extMap.get(dirName) + "格式。"));
        return;
    }   
    //检查文件大小   
    if (file.length() > maxSize) {   
            out.println(getError("上传文件大小超过限制。"));   
            return;   
    }    
        
        
    //重构上传图片的名称    
    SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");   
    String newImgName = df.format(new Date()) + "_"  
                    + new Random().nextInt(1000) + "." + fileExt;   
    byte[] buffer = new byte[1024];   
    //获取文件输出流   
    FileOutputStream fos = new FileOutputStream(savePath +"/" + newImgName);   
    //获取内存中当前文件输入流   
    InputStream in = new FileInputStream(file);   
    try {   
            int num = 0;   
            while ((num = in.read(buffer)) > 0) {   
                    fos.write(buffer, 0, num);   
            }   
    } catch (Exception e) {   
            e.printStackTrace(System.err);   
    } finally {   
            in.close();   
            fos.close();   
    } 
    JSONObject obj = new JSONObject();
    obj.put("error", 0);
    obj.put("url", saveUrl + newImgName);
    out.println(obj.toJSONString());
    //fdsfs
    //缩略图
    //缩略图
    
    %>
    <%!
    private String getError(String message) {
        JSONObject obj = new JSONObject();
        obj.put("error", 1);
        obj.put("message", message);
        return obj.toJSONString();
    }
    %>
  • 相关阅读:
    窗口宽高 滚动条滚动距离 元素的文档坐标和窗口坐标
    parentNode parentElement childNodes children
    ffmpeg 提取mp3
    Linux修改时区的正确方法
    pip
    wireguard
    Nextcloud挂载谷歌云盘搭建
    ts合并
    screen
    google drive
  • 原文地址:https://www.cnblogs.com/zhangchenglzhao/p/3167118.html
Copyright © 2020-2023  润新知