PHP实现上传多图即时显示与即时删除的方法

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

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

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

HTML：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88

"cn"> "Public/head"/> "Public/nav"/>     "wlog">       "wlog_t cf">        写日志             "wlog_c">         "cf" id="myform" target="" enctype="multipart/form-data" action="" method="post">           "wlog_l">            <code>"content"</code> <code>name=</code><code>"data[content]"</code><code>>            "hidden" id="step" value="1" name="data[step]" />                     "wlog_r">             选择装修阶段            "cur" mine="1" style="line-height:20px;">准备开工            "2" >水电            "3">泥木            "4">油漆            "5">竣工            "6">软装                                 "wlog_f cf">             上传图片选择装修过程中的照片，每张低于5M，支持JPG/JPEG/PNG格式，最多9张             "wlog_p cf">              "javascript:;" rel="external nofollow" >"__PUBLIC__/home/images/2016-10-29_231703.png" alt="">"submitimg()" type="file" name="thumb"/>               "addimg">                                               "wlog_sm">"botton" onclick="return goods_form_submit()" readonly="readonly" value="发布日志">                   "Public/footer"/>

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

?

1 2 3 4 5 6 7 8 9 10 11

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

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

?

1 2 3 4 5 6 7

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