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

php  /  管理员 发布于 7年前   149

本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《php文件操作总结》、《PHP图形与图片操作技巧汇总》、《PHP网络编程技巧总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

• PHP + plupload.js实现多图上传并显示进度条加删除实例代码
• thinkphp jquery实现图片上传和预览效果
• PHP仿微信多图片预览上传实例代码
• PHP从FLV文件获取视频预览图的方法
• PHP简单获取视频预览图的方法
• PHP实现将视频转成MP4并获取视频预览图的方法
• php+js实现图片的上传、裁剪、预览、提交示例
• php图片上传存储源码并且可以预览
• ajax php实现给fckeditor文本编辑器增加图片删除功能
• 简单PHP上传图片、删除图片实现代码
• php 删除记录同时删除图片文件的实现代码