tp5框架基于ajax實(shí)現(xiàn)異步刪除圖片的方法示例

更新時(shí)間：2020年02月10日 09:45:15 作者：pan_yuyuan

這篇文章主要介紹了tp5框架基于ajax實(shí)現(xiàn)異步刪除圖片的方法,結(jié)合實(shí)例形式詳細(xì)分析了thinkPHP5使用ajax異步刪除圖片前臺提交與后臺處理相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了tp5框架基于ajax實(shí)現(xiàn)異步刪除圖片的方法。分享給大家供大家參考，具體如下：

為了提高用戶體驗(yàn)，我們?yōu)樯唐废鄡灾谱髁薬jax無刷新異步刪除的功能，過程和方法還是非常值得借鑒的，效果如下：

上面的圖片列表中，你點(diǎn)一下旁邊的減號就會(huì)在不需要刷新當(dāng)前頁面的情況下不光從網(wǎng)頁頁面上刪除圖片，也會(huì)從服務(wù)器端刪除該圖片，看看我們的核心處理代碼吧：

首先是客戶端的js代碼：

function delrow(o){
if(confirm('確定要?jiǎng)h除該圖嗎？')){
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('刪除失?。?);
}
}
});
}
}

當(dāng)請求發(fā)送到服務(wù)器端的時(shí)候我們是這樣處理的：

// 異步刪除商品相冊圖片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;
}
}

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

詳解thinkphp5+swoole實(shí)現(xiàn)異步郵件群發(fā)（SMTP方式）
這篇文章主要介紹了詳解thinkphp5+swoole實(shí)現(xiàn)異步郵件群發(fā)（SMTP方式），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10
淺談thinkphp5 instance 的簡單實(shí)現(xiàn)
本篇文章主要介紹了淺談thinkphp5 instance 的簡單實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
Smarty foreach控制循環(huán)次數(shù)的一些方法
這篇文章主要介紹了Smarty foreach控制循環(huán)次數(shù)的一些方法,本文同時(shí)總結(jié)了一部分獲取當(dāng)前次數(shù)的方法,需要的朋友可以參考下
2015-07-07
CentOS 上搭建 PHP7 開發(fā)測試環(huán)境
本文給大家分享的是作者在centos上搭建部署php7的開發(fā)測試環(huán)境的全部過程，非常的細(xì)致，有需要的小伙伴可以參考下
2017-02-02
ThinkPHP3.1.x修改成功與失敗跳轉(zhuǎn)頁面的方法
這篇文章主要介紹了ThinkPHP3.1.x修改成功與失敗跳轉(zhuǎn)頁面的方法,涉及thinkPHP底層源文件中相關(guān)跳轉(zhuǎn)代碼的設(shè)置與修改操作技巧,需要的朋友可以參考下
2017-09-09
PHP設(shè)計(jì)模式（一）工廠模式Factory實(shí)例詳解【創(chuàng)建型】
這篇文章主要介紹了PHP設(shè)計(jì)模式工廠模式Factory,結(jié)合實(shí)例形式詳細(xì)分析了工廠模式的基本概念、原理、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
下拉列表多級聯(lián)動(dòng)dropDownList示例代碼
本文為大家詳細(xì)介紹下下拉列表多級聯(lián)動(dòng) dropDownList具體的實(shí)現(xiàn)代碼，感興趣的朋友可以參考下哈，至于一些細(xì)節(jié)部分后續(xù)再補(bǔ)
2013-06-06
PHP array_reduce()函數(shù)的應(yīng)用解析
這篇文章主要介紹了PHP array_reduce()的應(yīng)用，本文通過代碼舉例給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-10-10
PHP實(shí)現(xiàn)微信公眾號驗(yàn)證Token的示例代碼
這篇文章主要介紹了PHP實(shí)現(xiàn)微信公眾號驗(yàn)證Token的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
Laravel 解決419錯(cuò)誤 -ajax請求錯(cuò)誤的問題(CSRF驗(yàn)證)
今天小編就為大家分享一篇Laravel 解決419錯(cuò)誤 -ajax請求錯(cuò)誤的問題(CSRF驗(yàn)證)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10