PHP如何实现上传多图即时显示与即时删除功能_程序开发

PHP如何实现上传多图即时显示与即时删除功能

创始人

2024-12-08 18:22:26

0次

具体如下：

PHP如何实现上传多图即时显示与即时删除功能

就像这样的，每选择一个图片就会即时显示出来，附加到右边，也可以随意删除一个元素。

其实是，当type=file的input框框的onchange事件===》》》post数据提交到隐藏的ifram（form表单的target指定）===》》》接收到post数据的直接 echo script标签来返回数据到前端页面并且赋值，然后存储图片路径也是用隐藏域实现：

HTML：







   
     
       写日志

选择装修阶段

准备开工水电泥木油漆竣工软装

上传图片选择装修过程中的照片，每张低于5M，支持JPG/JPEG/PNG格式，最多9张

控制器(返回被选中的图片（已经上传）在服务器之中的路径)：

public function submitimg(){
    if(IS_POST){
        $data = I('post.data');//获取post数据
        $res = fab_upload($_FILES);//上传文件
        $uid=uniqid();
        $res=$res['thumb'];
        if($res){
          echo "";
        }
     }
}

真正的最后接收表单数据并且存入数据库的函数：

public function add_journal(){
     if(IS_POST){
         var_dump($_POST);die;
       }else{
        $this->display();
     }
}

上一篇：怎么在php中生成多组随机字符串

下一篇：怎么在Laravel中增加一个自定义全局函数

PHP如何实现上传多图即时显示与即时删除功能

选择装修阶段

上传图片选择装修过程中的照片，每张低于5M，支持JPG/JPEG/PNG格式，最多9张

相关内容

热门资讯