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 一个比较完善的简单文件上传
Mar 25 PHP
比file_get_contents稳定的curl_get_contents分享
Jan 11 PHP
使用PHP获取当前url路径的函数以及服务器变量
Jun 29 PHP
php查看请求头信息获取远程图片大小的方法分享
Dec 25 PHP
php sybase_fetch_array使用方法
Apr 15 PHP
php的XML文件解释类应用实例
Sep 22 PHP
在Linux系统下一键重新安装WordPress的脚本示例
Jun 30 PHP
php利用递归实现删除文件目录的方法
Sep 23 PHP
php批量删除操作代码分享
Feb 26 PHP
PHP给源代码加密的几种方法汇总(推荐)
Feb 06 PHP
laravel-admin 在列表页添加自定义按钮的例子
Sep 30 PHP
Laravel 对某一列进行筛选然后求和sum()的例子
Oct 10 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使用mysql_fetch_row查询获得数据行列表的方法
2015/03/18 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PDO::exec讲解
2019/01/28 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
关于document.cookie的使用javascript
2008/04/11 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
详解Document.Cookie
2015/12/25 Javascript
详解js私有作用域中创建特权方法
2016/01/25 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
[42:32]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.27
2020/12/01 DOTA
python中的列表推导浅析
2014/04/26 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
通过Pandas读取大文件的实例
2018/06/07 Python
python使用pipeline批量读写redis的方法
2019/02/18 Python
pytorch 修改预训练model实例
2020/01/18 Python
Python如何操作docker redis过程解析
2020/08/10 Python
css3背景图片透明叠加属性cross-fade简介及用法实例
2013/01/08 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
H&M旗下高端女装品牌:& Other Stories
2018/05/07 全球购物
师范生自荐信范文
2013/10/06 职场文书
家长会邀请书
2014/01/25 职场文书
《两只鸟蛋》教学反思
2014/02/10 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
平面设计专业求职信
2014/08/09 职场文书
企业员工集体活动方案
2014/08/17 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
企业党支部工作总结2015
2015/05/21 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书