本文實例講述了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框架實現上傳多張圖片的方法分析
- tp5實現微信小程序多圖片上傳到服務器功能
- 基于ThinkPHP5.0實現圖片上傳插件
- ThinkPHP5+Layui實現圖片上傳加預覽功能
- ThinkPHP5.0 圖片上傳生成縮略圖實例代碼說明
- thinkPHP5框架整合plupload實現圖片批量上傳功能的方法
- thinkphp5上傳圖片及生成縮略圖公共方法(分享)
- thinkPHP5.0框架驗證碼調用及點擊圖片刷新簡單實現方法
- Thinkphp5+plupload實現的圖片上傳功能示例【支持實時預覽】
- Thinkphp5框架實現圖片、音頻和視頻文件的上傳功能詳解
- ThinkPHP5+UEditor圖片上傳到阿里云對象存儲OSS功能示例
- TP5框架實現一次選擇多張圖片并預覽的方法示例
