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实现文件上传二法
Oct 09 PHP
[原创]效率较高的php下读取文本文件的代码
Jul 02 PHP
PHP 判断变量类型实现代码
Oct 23 PHP
php读取excel文件的简单实例
Aug 26 PHP
php递归删除目录下的文件但保留的实例分享
May 10 PHP
ci检测是ajax还是页面post提交数据的方法
Nov 10 PHP
Laravel实现构造函数自动依赖注入的方法
Mar 16 PHP
php微信开发之上传临时素材
Jun 24 PHP
PHP设计模式之模板方法模式实例浅析
Dec 20 PHP
mongodb和php的用法详解
Mar 25 PHP
PHP配合fiddler抓包抓取微信指数小程序数据的实现方法分析
Jan 02 PHP
php使用redis的几种常见操作方式和用法示例
Feb 20 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
php抽奖小程序的实现代码
2013/06/18 PHP
Thinkphp实现短信验证注册功能
2016/10/18 PHP
Laravel框架集合用法实例浅析
2020/05/14 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
2009/11/24 Javascript
JQuery-tableDnD 拖拽的基本使用介绍
2013/07/04 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
2013/07/17 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
微信小程序图表插件(wx-charts)实例代码
2017/01/17 Javascript
微信小程序-滚动消息通知的实例代码
2017/08/03 Javascript
node上的redis调用优化示例详解
2018/10/30 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
vue elementui el-form rules动态验证的实例代码详解
2019/05/23 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
python抓取最新博客内容并生成Rss
2015/05/17 Python
通过数据库向Django模型添加字段的示例
2015/07/21 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
python对csv文件追加写入列的方法
2019/08/01 Python
python计算导数并绘图的实例
2020/02/29 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
html5 video全屏播放/自动播放的实现示例
2020/08/06 HTML / CSS
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
现金出纳岗位职责
2014/03/15 职场文书
文员岗位职责
2015/02/04 职场文书
求职自荐信该如何书写?
2019/06/24 职场文书
该怎么书写道歉信?
2019/07/03 职场文书
PHP新手指南
2021/04/01 PHP
python 远程执行命令的详细代码
2022/02/15 Python
Win11 引入 Windows 365 云操作系统,适应疫情期间混合办公模式:启动时直接登录、模
2022/04/06 数码科技