tp5框架基于ajax实现异步删除图片的方法示例
2020-02-13 11:31
701 查看
本文实例讲述了tp5框架基于ajax实现异步删除图片的方法。分享给大家供大家参考,具体如下:
为了提高用户体验,我们为商品相册制作了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相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- tp5实现ajax异步删除图片的方法
- Laravel框架基于ajax和layer.js实现无刷新删除功能示例
- thinkPHP利用ajax异步上传图片并显示、删除的示例
- tp5(thinkPHP5框架)使用DB实现批量删除功能示例
- TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
- 使用ssm框架 通过ajax异步提交数据具体实现方法
- thinkPHP5框架实现基于ajax的分页功能示例
- Zend Framework框架中实现Ajax的方法示例
- TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
- php实现的支付宝网页支付功能示例【基于TP5框架】
- TP5框架简单登录功能实现方法示例
- ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
- 基于PHP的AJAX技术实现文件异步上传方法
- Thinkphp结合ajaxFileUpload实现异步图片传输示例
- thinkphp ajaxfileupload实现异步上传图片的示例
- PHP实现的微信APP支付功能示例【基于TP5框架】
- TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
- 基于APM模式的异步实现及跨线程操作窗体或控件方法的实现示例
- php7基于递归实现删除空文件夹的方法示例
- Laravel框架基于ajax实现二级联动功能示例