tp5框架基于ajax实现异步删除图片的方法示例


Posted in PHP onFebruary 10, 2020

本文实例讲述了tp5框架基于ajax实现异步删除图片的方法。分享给大家供大家参考,具体如下:

为了提高用户体验,我们为商品相册制作了ajax无刷新异步删除的功能,过程和方法还是非常值得借鉴的,效果如下:

tp5框架基于ajax实现异步删除图片的方法示例

上面的图片列表中,你点一下旁边的减号就会在不需要刷新当前页面的情况下不光从网页页面上删除图片,也会从服务器端删除该图片,看看我们的核心处理代码吧:

首先是客户端的js代码:

function delrow(o){
if(confirm('确定要删除该图吗?')){
var div=$(o).parent().parent();
var id=div.attr('id');
$.ajax({
type:"POST",
data:{id:id},
url:"{:url('Goods/ajaxdelpic')}",
success:function(data){
if(data==1){
div.remove();
}else{
alert('删除失败!');
}
}
});
}
}

当请求发送到服务器端的时候我们是这样处理的:

// 异步删除商品相册图片public function ajaxdelpic($id){
$gphoto=db('goods_photo');
$gphotos=$gphoto->find($id);
$ogPhoto=IMG_UPLOADS.$gphotos['og_photo'];
$bigPhoto=IMG_UPLOADS.$gphotos['big_photo'];
$midPhoto=IMG_UPLOADS.$gphotos['mid_photo'];
$smPhoto=IMG_UPLOADS.$gphotos['sm_photo'];
@unlink($ogPhoto);
@unlink($bigPhoto);
@unlink($midPhoto);
@unlink($smPhoto);
$del=$gphoto->delete($id);
if($del){
echo 1;
}else{
echo 2;
}
}

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
set_include_path在win和linux下的区别
Jan 10 PHP
PHP syntax error, unexpected $end 错误的一种原因及解决
Oct 25 PHP
php连接数据库代码应用分析
May 29 PHP
ThinkPHP与PHPExcel冲突解决方法
Aug 08 PHP
深入理解用mysql_fetch_row()以数组的形式返回查询结果
Jun 05 PHP
php利用新浪接口查询ip获取地理位置示例
Jan 20 PHP
php实现指定字符串中查找子字符串的方法
Mar 17 PHP
PHP定时执行任务的3种方法详解
Dec 21 PHP
PHP数组函数知识汇总
May 12 PHP
PHP实现的自定义数组排序函数与排序类示例
Nov 18 PHP
Yii2下session跨域名共存的解决方案
Feb 04 PHP
windows环境下使用Composer安装ThinkPHP5
May 18 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
Feb 10 #PHP
tp5框架使用cookie加密算法实现登录功能示例
Feb 10 #PHP
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
Feb 10 #PHP
ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例
Feb 07 #PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
Feb 07 #PHP
PHP查找一列有序数组是否包含某值的方法
Feb 07 #PHP
php测试kafka项目示例
Feb 06 #PHP
You might like
php把数组值转换成键的方法
2015/07/13 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
在CentOS系统上从零开始搭建WordPress博客的全流程记录
2016/04/21 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
深入了解JavaScript中的Symbol的使用方法
2015/07/28 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
2016/08/29 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
2016/11/03 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
2017/08/06 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
详解Python中with语句的用法
2015/04/15 Python
python django 增删改查操作 数据库Mysql
2017/07/27 Python
深入理解Django自定义信号(signals)
2018/10/15 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
Python Django搭建网站流程图解
2020/06/13 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
地球上最先进的胡子和头发修剪器:Bevel
2018/01/23 全球购物
大学生自我鉴定
2013/12/08 职场文书
个人简历自我评价
2014/02/02 职场文书
学雷锋志愿服务月活动总结
2014/03/09 职场文书
小露珠教学反思
2014/04/30 职场文书
家长建议怎么写
2014/05/15 职场文书
求职意向书
2014/07/29 职场文书
《海上日出》教学反思
2016/02/23 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python