找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 609|回复: 0
打印 上一主题 下一主题

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

[复制链接]

2500

主题

2513

帖子

7520

积分

论坛元老

Rank: 8Rank: 8

积分
7520
跳转到指定楼层
楼主
发表于 2018-2-14 05:26:04 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            本文实例讲述了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 删除记录同时删除图片文件的实现代码
  • 简单PHP上传图片、删除图片实现代码
  • php图片上传存储源码并且可以预览
  • ajax php实现给fckeditor文本编辑器增加图片删除功能
  • php+js实现图片的上传、裁剪、预览、提交示例
  • PHP实现将视频转成MP4并获取视频预览图的方法
  • PHP简单获取视频预览图的方法
  • PHP从FLV文件获取视频预览图的方法
  • PHP仿微信多图片预览上传实例代码
  • thinkphp jquery实现图片上传和预览效果
  • PHP + plupload.js实现多图上传并显示进度条加删除实例代码
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端