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 10 PHP
php入门学习知识点一 PHP与MYSql连接与查询
Jul 14 PHP
如何用PHP实现插入排序?
Apr 10 PHP
php htmlspecialchars()与shtmlspecialchars()函数的深入分析
Jun 05 PHP
是 WordPress 让 PHP 更流行了 而不是框架
Feb 03 PHP
PHP 的比较运算与逻辑运算详解
May 12 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
Jul 28 PHP
PHP Header用于页面跳转时的几个注意事项
Oct 21 PHP
php出租房数据管理及搜索页面
May 23 PHP
PHP基于面向对象封装的分页类示例
Mar 15 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
Apr 11 PHP
Laravel5.1框架注册中间件的三种场景详解
Jul 09 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之PHP语法学习笔记1
2006/12/17 PHP
php array_search() 函数使用
2010/04/13 PHP
PHP时间戳 strtotime()使用方法和技巧
2013/10/29 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
JS性能优化笔记搜索整理
2013/08/21 Javascript
写JQuery插件的基本知识
2013/11/25 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
2017/11/27 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
2020/11/17 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python学习之用pygal画世界地图实例
2017/12/07 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
Python创建或生成列表的操作方法
2019/06/19 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
关于ResNeXt网络的pytorch实现
2020/01/14 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
接口中的方法可以是abstract的吗
2015/07/23 面试题
面试后感谢信怎么写
2014/02/01 职场文书
单位工程竣工验收方案
2014/03/16 职场文书
交通事故协议书范本
2014/11/18 职场文书
2015年法务工作总结范文
2015/05/23 职场文书
单位工作证明范本
2015/06/15 职场文书
毕业欢送会致辞
2015/07/29 职场文书
大学生社会服务心得体会
2016/01/22 职场文书
vue中 this.$set的使用详解
2021/11/17 Vue.js
ant design vue的form表单取值方法
2022/06/01 Vue.js