当前位置 : 主页 > 网络编程 > PHP >

thinkphp image删除图片怎么实现

来源:互联网 收集:自由互联 发布时间:2023-08-08
thinkphp image删除图片的实现方法:1、打开前端代码文件;2、使用Ajax代码“success:function(data) {...}”实现局部刷新;3、打开tp后台代码文件,并通过“public function delete_image(){...}”方法实

thinkphp image删除图片的实现方法:1、打开前端代码文件;2、使用Ajax代码“success:function(data) {...}”实现局部刷新;3、打开tp后台代码文件,并通过“public function delete_image(){...}”方法实现图片数据删除即可。

thinkphp image删除图片怎么实现

本教程操作环境:Windows7系统、ThinkPHP5版、Dell G3电脑。

thinkphp image删除图片怎么实现?

ThinkPHP5使用ajax异步删除图片

写代码有那么一两年了,多少也有一点儿感触,敲代码总是个累活儿,站在别人的肩膀上修轮子也是不那么轻松。罢了罢了,还是继续修轮子吧。

AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

ThinkPHP5使用ajax异步删除图片。整个页面地址不变,实现局部刷新。

代码展示:

<script type="text/javascript">
    function delete_image(o){
        if(!confirm('确定删除图片?')){
            return false;
        }
        var url="{:url('delete_image')}";
        var imgsrc=$(o).attr('id');
        $.ajax({
            url : url,
            type : "post",
            dataType : "json",
            data : {
                imgsrc:imgsrc
            },
            //如果返回成功
            success : function(data) {
                if(data.type == 1){
                    //执行删除操作
                    $(o).remove();                                                                    
                    alert('删除成功!');
                }else if(data.type == 2){
                    alert('删除失败!');
                }else{
                    alert('删除失败!');
                }
            }
         });
     }
</script>

提交到后台方法:

public function delete_image(){
    //接收获取的值
    $imgsrc = input('imgsrc');
    //拼接链接地址
    $imgsrc = DEL_UEDITOR.$imgsrc;
    if(file_exists($imgsrc)){
        if(@unlink($imgsrc)){
            //删除成功
            echo json_encode(array('type' => 1));
        }else{
            //删除失败
            echo  json_encode(array('type' => 2));
        }
    }else{
        //如果不存在,删除失败
        echo json_encode(array('type' => 3));
    }
}

ca4eca737e9fb5f4eaa969f7bfc5ef1.jpg

点击删除按钮,显示弹框,提示删除成功或失败!

推荐学习:《thinkPHP视频教程》

【本文由:防ddos攻击 http://www.558idc.com/gfcdn.html提供,感恩】

网友评论