使用ckeditor5直接进行图片上传,无需配置ckfinder

李白 李白 2021-01-14 1652 ckeditor5直接进行图片上传

全球中文首发,直接使用ckeditor5进行图片上传,不需要其他任何插件,也不需要写额外的代码,不破坏编辑器本身,来实现图片上传功能。


话不多说,直接上干货。


首先,使用官方的配置器配置功能并编译,然后下载:


第一步:选择经典款

使用ckeditor5直接进行图片上传,无需配置ckfinder

第二步:配置插件,请按如图配置(高能预警:如需详细的讲解,可以查看收费内容。收费内容非必须,但会加快学习进度,比自己悟好)原创内容纯手打,混口饭吃不容易,伸手党请另寻他处,如果觉得有价值不喷就好。

使用ckeditor5直接进行图片上传,无需配置ckfinder

第三步:配置图标



第四步:选择语言

第五步:开始编译,并下载

第六步:配置编辑器图片上传的核心代码,放在配置内容内


  simpleUpload: {           
            uploadUrl: 'http://localhost:65315/picupload/Post_upload_product',
            withCredentials: false,
        },


第七步:编写后端接收代码(视后端类型而定,以下为aspmvc接口写法)

 public ActionResult Post_upload_product(FormCollection filenames)
        {            
            if (//判断资源)
            {     
                //保存图片  ....

         
                return Json(new { url = picpath });    //返回图片地址的json数据
            }
            return Json(new { error = new { message = "上传失败,图片太大或格式错误!" } });    //返回错误信息
        }


第八步:效果图:


显示上传成功的标记


检查浏览器,可以看到了是从服务器显示的



收费内容强烈建议观看,内容原创,没抄袭copy任何一个字符,里面有详细前后端代码,和关键的注意事项。如果这种方式辣眼,还敬请见谅。


相关文章


使用ckeditor5直接进行图片上传,无需配置ckfinder

全球中文首发,直接使用ckeditor5进行图片上传,不需要其他任何插件,也不需要写额外的代码,不破坏编辑器本身,来实现图片上传功能。


文章热度: 27561
文章数量: 34
推荐阅读

FlashFXP绿色版网盘下载,附激活教程 546

FlashFxp百度网盘下载链接:https://pan.baidu.com/s/1MBQ5gkZY1TCFY8A7fnZCfQ。FlashFxp是功能强大的FTP工具

Adobe Fireworks CS6 Ansifa绿色精简版网盘下载 397

firework可以制作精美或是可以闪瞎眼的gif,这在广告领域是需要常用的,还有firework制作下logo,一些原创的图片还是很便捷的,而且fireworks用法简单,配合dw在做网站这一块往往会发挥出很强大的效果。百度网盘下载链接:https://pan.baidu.com/s/1fzIZszfy8VX6VzQBM_bdZQ

navicat for mysql中文绿色版网盘下载 371

Navicat for Mysql是用于Mysql数据库管理的一款图形化管理软件,非常的便捷和好用,可以方便的增删改查数据库、数据表、字段、支持mysql命令,视图等等。百度网盘下载链接:https://pan.baidu.com/s/1T_tlgxzdQLtDr9TzptoWQw 提取码:y2yq

火车头采集器(旗舰版)绿色版网盘下载 467

火车头采集器是站长常用的工具,相比于八爪鱼,简洁好用,易于配置。火车头能够轻松的抓取网页内容,并通过自带的工具对内容进行处理。站长圈想要做网站,火车头采集器是必不可少的。百度网盘链接:https://pan.baidu.com/s/1u8wUqS901HgOmucMBBOvEA

Photoshop(CS-2015-2023)绿色中文版软件下载 971

安装文件清单(共46G)包含Window和Mac OS各个版本的安装包,从cs到cc,从绿色版到破解版,从安装文件激活工具,应有尽有,一次性打包。 Photoshop CC绿色精简版 Photoshop CS6 Mac版 Photoshop CC 2015 32位 Photoshop CC 2015 64位 Photoshop CC 2015 MAC版 Photoshop CC 2017 64位 Adobe Photoshop CC 2018 Adobe_Photoshop_CC_2018 Photoshop CC 2018 Win32 Photoshop CC 2018 Win64

知之

知之平台是全球领先的知识付费平台。提供各个领域的项目实战经验分享,提供优质的行业解决方案信息,来帮助您的工作和学习

使用指南 建议意见 用户协议 友情链接 隐私政策 Powered by NOOU ©2020 知之