thinkphp 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异步删除图片

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

立即学习“PHP免费学习笔记(深入)”;

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

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

Adobe Image Background Remover Adobe Image Background Remover

Adobe推出的图片背景移除工具

Adobe Image Background Remover 34 查看详情 Adobe Image Background Remover

代码展示:

    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('删除失败!');                }            }         });     }

提交到后台方法:

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视频教程》

以上就是thinkphp image删除图片怎么实现的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/340136.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月5日 17:52:38
下一篇 2025年11月5日 17:53:10

相关推荐

  • 如何使用CSS实现图片的旋转效果

    如何使用CSS实现图片的旋转效果 CSS(Cascading Style Sheets)是一种用于设置网页样式和布局的标记语言。通过CSS,我们可以实现许多吸引人的网页效果,其中包括图片的旋转效果。在本文中,我们将讨论如何使用CSS来实现图片的旋转效果,并提供一些具体的代码示例。 在CSS中,我们可…

    2025年12月24日
    000
  • 如何通过纯CSS实现图片的模糊放大效果的方法和技巧

    如何通过纯CSS实现图片的模糊放大效果的方法和技巧 摘要:通过纯CSS实现图片的模糊放大效果可以为网页增加更具吸引力的视觉效果。本文将介绍一种简单的方法和一些技巧,包括具体的代码示例。 一、背景知识在介绍实现方法之前,我们先来了解一些背景知识。CSS中有一个滤镜(filter)属性,可以对元素应用各…

    2025年12月24日
    000
  • 如何通过纯CSS实现图片的3D立体旋转效果的方法和技巧

    如何通过纯CSS实现图片的3D立体旋转效果的方法和技巧,需要具体代码示例 随着Web技术的发展,我们可以通过CSS实现各种令人惊叹的效果,其中包括图片的3D立体旋转效果。本文将介绍如何通过纯CSS实现这样的效果,并提供具体的代码示例,帮助读者轻松掌握技巧。 要实现图片的3D立体旋转效果,我们需要利用…

    好文分享 2025年12月24日
    000
  • 如何通过纯CSS实现图片的放大缩小效果的方法和技巧

    如何通过纯CSS实现图片的放大缩小效果的方法和技巧 在现代的网页设计中,图片的展示和处理是非常重要的一部分。而图片的放大缩小效果可以为网站的视觉呈现增添趣味和交互性。在这篇文章中,我们将介绍如何通过纯CSS实现图片的放大缩小效果,并提供具体的代码示例。 使用transition属性实现平滑的过渡效果…

    2025年12月24日
    000
  • 如何通过纯CSS实现图片的立方体转动效果的方法和技巧

    如何通过纯CSS实现图片的立方体转动效果的方法和技巧 在现代网页设计中,添加一些炫酷的效果是非常重要的,而利用CSS实现立方体转动效果是一个非常有趣而具有挑战性的任务。本文将介绍一种通过纯CSS实现图片的立方体转动效果的方法和技巧,并提供一些具体的代码示例。 首先,我们需要一个基本的HTML结构,包…

    2025年12月24日 好文分享
    000
  • 如何通过纯CSS实现图片的旋转平移效果的方法和技巧

    如何通过纯CSS实现图片的旋转平移效果的方法和技巧 在现代web设计中,动画效果已经成为了吸引用户注意力和提升用户体验的重要组成部分。而图片的旋转平移效果是其中一个较为常见的动画效果。在本文中,我将介绍如何通过纯CSS来实现这个效果,并提供具体的代码示例。让我们一起来学习吧! 首先,我们需要一个HT…

    2025年12月24日
    000
  • 如何通过纯CSS实现图片的翻转效果的方法和技巧

    如何通过纯CSS实现图片的翻转效果的方法和技巧 前言:在Web开发中,我们经常需要为网页添加一些动画效果来增加用户体验。图片的翻转效果是其中一个常见的效果之一。通过纯CSS来实现图片的翻转不仅简单方便,还可以避免使用JavaScript等其他语言带来的额外开销。本文将介绍如何通过纯CSS实现图片的翻…

    2025年12月24日
    000
  • 如何使用CSS制作镂空效果的图片

    如何使用CSS制作镂空效果的图片 在网页设计中,如何制作出独特、有吸引力的效果是一个不断探索的问题。其中,镂空效果是一种常见而又常用的技巧之一。通过使用CSS,我们可以实现为图片添加镂空的效果,从而提升页面的美观程度和吸引力。 下面,我们将详细介绍如何使用CSS制作镂空效果的图片,并提供具体代码示例…

    2025年12月24日
    000
  • css3怎么将彩色图片改为黑白色图片

    在css3中,可以利用filter属性来将彩色图片改为黑白色图片,只需要设置该属性的值为“grayscale(%)”即可,具体语法格式“img{filter:grayscale(100%)}”。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 在…

    2025年12月24日
    000
  • css图片怎么变圆

    在css中,可以利用border-radius属性来让图片变圆,只需要给img元素添加“border-radius: 50%;”样式即可。border-radius属性可以给元素设置圆角边框,圆角的半径不能超过宽/高的一半。 本教程操作环境:windows7系统、CSS3&&HTML…

    2025年12月24日 好文分享
    000
  • css如何改变图片的背景

    css改变图片的背景的方法是,添加background-image属性,并且将属性值设置为你想要的图片的url地址,例如【background-image:url(‘../images/mix/paper.gif’);】。 本文操作环境:windows10系统、css 3、t…

    2025年12月24日
    000
  • css如何设置图片不平铺

    css设置图片不平铺的方法是使用【background-repeat】属性设置图片不平铺,其中【no-repeat】为不平铺,即只显示一次。 本教程操作环境:windows7系统、css3版,DELL G3电脑。 css设置图片不平铺的方法: css可以使用background-repeat属性设置…

    2025年12月24日
    000
  • css中怎么把图片设置居右

    在css中,可以使用text-align属性把图片设置居右,只需要给图片元素设置“text-align:right;”即可。text-align属性指定元素文本的水平对齐方式,当值为right时,表示该元素排列到右边。 本教程操作环境:windows7系统、CSS3&&HTML5版、…

    2025年12月24日
    000
  • css中的图片翻转属性是什么

    css中的图片翻转属性是transform。transform属性应用于元素的2D或3D转换,可以利用该属性对元素进行旋转、移动、倾斜等操作,语法“transform: none|transform-functions;”;transform支持的翻转函数有rotate()、rotate3d()、r…

    2025年12月24日
    000
  • css怎么设置图片位置居中

    css设置图片位置居中的方法:可以在图片外面添加一个p标签,然后通过设置line-height属性使图片位置居中,如【 line-height:300px;】。 本文操作环境:windows10系统、css 3、thinkpad t480电脑。 具体方法如下: 1、利用display:table-c…

    2025年12月24日 好文分享
    000
  • css怎么实现图片半透明效果

    css实现图片半透明效果的方法:可以通过opacity属性来进行设置,如【style=”-moz-opacity:0.5″;】。opacity属性用来设置元素的不透明级别,语法为【opacity:value|inherit;】。 本文环境: windows10、css3 适用…

    2025年12月24日
    000
  • firefox中css如何把图片变成灰色

    firefox中css把图片变成灰色的方法:可以通过属性【-webkit-filter:grayscale(100%);】来实现。filter属性定义了元素的可视效果,如模糊与饱和度等。 本教程操作环境:windows10系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。 …

    2025年12月24日
    000
  • css怎么设置图片不停旋转

    css设置图片不停旋转的方法:可以通过使用animation属性和transform属性来进行设置,如【-webkit-transform: rotate(360deg);animation: rotation;】。 本教程操作环境:windows10系统、css3版,该方法适用于所有品牌电脑。 (…

    好文分享 2025年12月24日
    000
  • css怎么实现两张图片叠加在一起

    css实现两张图片叠加在一起的方法:可以通过给left和top分别设置div距离页面左边缘的距离和距离页面上边缘的距离来实现。需要注意的是两张图片都要设置position:absolute属性。 环境: 本文适用于所有品牌的电脑。 (学习视频分享:css视频教程) 通过left和top分别设置div…

    2025年12月24日 好文分享
    000
  • css如何设置图片轮廓

    css设置图片轮廓的方法:可以利用outline属性来进行设置,如【outline:green dotted thick;】。outline是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 本教程操作环境:Windows7系统、css3版,本文适用于所有品牌的电脑。 相关属性: …

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信