CKEditor实现截图CTRL+V图片上传服务器

1. 需求:产品后台,增加产品迭代告知客户迭代信息,为了编辑产品说明信息/截图更加方便,ctrl+v就能使用当前图片并保存到自己服务器

2. 一直使用CKEditor,已解决多个场景

3. 使用

     a. 首先下载

         CKEditor实现截图CTRL+V图片上传服务器

    b. 配置

       1)前端配置

             1、解压并打开ckeditor/config.js

                CKEditor实现截图CTRL+V图片上传服务器

      2)后端配置

           1、后端接收属性

                 CKEditor实现截图CTRL+V图片上传服务器

           2、响应:文件上传成功,需返回以下JSON响应

  • uploaded–设置为1
  • fileName –上传文件的名称。
  • url –上载文件的URL(URL编码)。

             注:没有按此结构返回,文件上传成功后编辑器内无图片显示

{
    "uploaded": 1,
    "fileName": "foo.jpg",
    "url": "/files/foo.jpg"
}

4. 测试(以上配置完之后进行截图、ctrl+v,图片保存到了你的服务器则成功)

    1)接口返回

          CKEditor实现截图CTRL+V图片上传服务器

   2)显示

      CKEditor实现截图CTRL+V图片上传服务器

 

         

 

 

 

 

 

上一篇:文件上传php


下一篇:文件上传漏洞