PHP上传多图即时显示与即时删除的方法-php教程-PHP中文网

这篇文章主要介绍了php实现上传多图即时显示与即时删除的方法,结合实例形式分析了php针对图片文件的预览、上传及删除相关操作技巧,需要的朋友可以参考下

本文实例讲述了PHP实现上传多图即时显示与即时删除的方法。分享给大家供大家参考，具体如下：

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

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

立即学习“PHP免费学习笔记（深入）”；

HTML：







   
     

       写日志
     
     
       

         
           
           
         
         
           
选择装修阶段
           准备开工
           水电
           泥木
           油漆
           竣工
           软装
           
         
         
           
上传图片选择装修过程中的照片，每张低于5M，支持JPG/JPEG/PNG格式，最多9张
           
             @@##@@

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

浚心时尚购物商城程序

时尚购物程序v1.01、全立体设计。此系统由3个Flash动画为主线（正式版带原文件），设计更形象，网站更有吸引力。这种设计在网店系统内绝无仅有，使您的网店与众不同。2、内置音乐播放器，简单灵活的操作即可完成设置，前台任意调用。并带详细说明文件，一看就懂。合理使用此功能，可使网站更富渲染力。3、支持多图显示，每件产品最多可以上传9张图片。4、后台功能强大，销售管理，财务管理，在线支付平台管理等功能

下载

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上传多图即时显示与即时删除的方法

选择装修阶段

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

相关推荐：