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 相关文章推荐
PHP获取网卡地址的代码
Apr 09 PHP
简单PHP上传图片、删除图片实现代码
May 12 PHP
php中url函数介绍及使用示例
Feb 13 PHP
PHP使用imagick读取PDF生成png缩略图的两种方法
Mar 20 PHP
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
Jun 19 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
Jun 23 PHP
php array_merge函数使用需要注意的一个问题
Mar 30 PHP
php将图片保存为不同尺寸图片的图片类实例
Mar 30 PHP
启用Csrf后POST数据时出现的400错误
Jul 05 PHP
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
Feb 15 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
Sep 30 PHP
在云虚拟主机部署thinkphp5项目的步骤详解
Dec 21 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上传文件的增强函数
2010/07/21 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
JS编程小常识很有用
2012/11/26 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
javascript计时器编写过程与实现方法
2016/02/29 Javascript
jQuery滑动到底部加载下一页数据的实例代码
2017/05/22 jQuery
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
python实现根据文件关键字进行切分为多个文件的示例
2018/12/10 Python
python django生成迁移文件的实例
2019/08/31 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
惠普墨西哥官方商店:HP墨西哥
2016/12/01 全球购物
CHARLES & KEITH英国官网:新加坡时尚品牌
2018/07/04 全球购物
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
保护环境建议书300字
2014/05/13 职场文书
保护黄河倡议书
2014/05/16 职场文书
早读课迟到检讨书
2014/09/25 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
旅行社计调工作总结
2015/08/12 职场文书
热爱劳动主题班会
2015/08/14 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
HTML静态页面获取url参数和UserAgent的实现
2022/08/05 HTML / CSS