html编辑器中上传的图片怎么删除呢,kindeditor图片空间添加删除图片功能

本文介绍如何在KindEditor的图片空间中扩展删除图片功能。通过分析KindEditor的源码,添加滑过图片时显示删除按钮,并实现点击删除按钮通过AJAX无刷新删除图片,同时删除硬盘上的图片。后端以PHP为例,展示了处理删除请求的代码,提醒注意安全性问题。
摘要由CSDN通过智能技术生成

很久没有写过文章了,这次学习吧改变投入了不少心血,当然也学习到了不少,现在基本稳定,以后尽可能的每天更新文章,致力分享实用的技术。

这里是扩展的编辑器的插件,以前一直在用xh编辑器,后来了解到kindeditor后就“深深的”被他吸引了,因为他扩展性太强了,且还开源免费,他自带有单个图片上传和批量图片上传,还有个“图片空间”,图片空间就是在线浏览你以前上传过的图片,点击后可以直接插入到编辑器内,省去了你误删图片后在重新上传而重复的问题,这里写的是为了方便在图片空间上扩展个删除图片的功能,可以实时的预览,插入和删除。废话不说了,学习吧开始分析源码。

首先你得自己配置好kindedior编辑器,官网有详细配置教程(http://www.kindsoft.net/),这里不说了。配置好后回看到如图:

6bbccedd348146a1af86c600bb35341c.gif

其中的那个 有一个加号的小标是单个删除图片和图片空间,有两个加号的小标是批量上传图片,这里我们扩展的是图片空间,点击上传图片,在点图片空间,就会出现以日期建立的文件夹,点击文件夹可以打开里面的以前上传的图片,我们这里要做的是:如果打开的是图片,则滑过的时候添加一个删除按钮,如果直接点击图片就还是以前的插入,如果点击删除则提示“是否删除”,确认后则直接删除这个图片(这里要结合后端进行ajax无刷

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值