这篇文章主要介绍了PHP实现上传多图即时显示与即时删除的方法,结合实例形式分析了php针对图片文件的预览、上传及删除相关操作技巧,需要的朋友可以参考下
本文实例讲述了PHP实现上传多图即时显示与即时删除的方法。分享给大家供大家参考，具体如下：
就像这样的，每选择一个图片就会即时显示出来，附加到右边，也可以随意删除一个元素。
其实是，当type=file的input框框的onch来源gaodai#ma#com搞*代#码网ange事件===》》》post数据提交到隐藏的ifram（form表单的target指定）===》》》接收到post数据的直接 echo script标签来返回数据到前端页面并且赋值，然后存储图片路径也是用隐藏域实现：
HTML：
<div class="wlog"> <div class="wlog_t cf"> <b>写日志</b></div><div class="wlog_c"> <div class="wlog_l"> <textarea id="content" name="data[content]"></textarea></div><div class="wlog_r"> <h2>选择装修阶段</h2><b class="cur" style="line-height:20px">准备开工</b><b>水电</b><b>泥木</b><b>油漆</b><b>竣工</b><b>软装</b><!-- --></div><div class="wlog_f cf"> <h2><b>上传图片</b>选择装修过程中的照片，每张低于5M，支持JPG/JPEG/PNG格式，最多9张</h2><div class="wlog_p cf"> <div id="addimg"></div><!-- <b><i>x</i></b> <b><i>x</i></b> <b><i>x</i></b> <b><i>x</i></b> <b><i>x</i></b> <b><i>x</i></b> <b><i>x</i></b> <b><i>x</i></b> --></div></div><div class="wlog_sm"></div></div></div>
控制器(返回被选中的图片（已经上传）在服务器之中的路径)：
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实现上传多图即时显示与即时删除的方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：PHP实现上传多图即时显示与即时删除的方法
转载请注明原文链接：PHP实现上传多图即时显示与即时删除的方法
