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

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

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

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

HTML：

写日志

选择装修阶段

准备开工

水电

泥木

油漆

竣工

软装

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

function submitimg(){

$("#myform").attr('target','upload_url');

$("#myform").attr('action',"{:U('Journal/submitimg')}");

$("#myform").submit();

}

function goods_form_submit()

{

if(!$('#content').val()){

alert('请填写日志');

return false;

}

$('#myform').attr('target','');

$('#myform').attr('action','');

$('#myform').submit();

}

function callblack_img(path,uid)

{ var html="";

var dir = "{:C(FILE_PATH)}";

var html ='x';

$('#addimg').append(html);

}

$(function(){

$('.wlog_r b').click(function(event) {

$(this).addClass('cur').siblings('b').removeClass('cur');

$('.wlog_r input[type=hidden]').val($(this).text());

});

$("#addimg").delegate("i","click",function () {

$(this).parent("b").remove();

})

})

$("b").click(function(){

var value =$(this).attr('mine');

$("#step").val(value);

})

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

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程序设计有所帮助。