PHP实现多图上传(结合uploadify插件)思路分析

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

1.已有图片可以删除
2.有一个新增的按钮
3.点击新增按钮，跳出frame框
4.在frame框中实现图片异步上传与及时效果
5.上传成功后，调用回调函数
6.弹出框中的图片可以进行删除
7.frame弹出框点击保存，把图片通过js展示到页面中
8.页面点击保存，把图片数据保存到数据库

<?php foreach($info['product_img'] as $product_img){?>  <div style="width:100px; text-align:center; margin: 5px; display:inline-block;" class="goods_xc">    <input type="hidden" value="<?php echo $product_img['img'];?>" name="product_img[]">    <a onclick="" href="<?php echo $product_img['img'];?>" target="_blank"><img width="100" height="100" src="<?php echo $product_img['img'];?>"></a>    <br>    <a href="javascript:void(0)" onclick="ClearPicArr2(this,'<?php echo $product_img['img'];?>')">删除</a>  </div><?php}?><div class="goods_xc" style="width:100px; text-align:center; margin: 5px; display:inline-block;">  <input type="hidden" name="product_img[]" />  <a href="javascript:void(0);" onclick="GetUploadify(10,'','product','call_back2');"><img src="<?php echo IMG_PATH?>add-button.jpg" width="100" height="100" /></a>  <br/>  <a href="javascript:void(0)">  </a></div>

点评:点击的时候，调用GetUploadify方法。

/* * 上传图片 后台专用 * @access public * @null int 一次上传图片张图 * @elementid string 上传成功后返回路径插入指定ID元素内 * @path string 指定上传保存文件夹,默认存在Public/upload/temp/目录 * @callback string 回调函数(单张图片返回保存路径字符串，多张则为路径数组 ) */function GetUploadify(num,elementid,path,callback){    var pc_hash = $('#pc_hash').val();  var upurl ='?m=admin&c=upload&a=upload&num='+num+'&input='+elementid+'&path='+path+'&func='+callback+'&pc_hash='+pc_hash;  var iframe_str='<iframe frameborder="0" ';  iframe_str=iframe_str+'id=uploadify ';       iframe_str=iframe_str+' src='+upurl;  iframe_str=iframe_str+' allowtransparency="true" class="uploadframe" scrolling="no"> ';  iframe_str=iframe_str+'</iframe>';           $("body").append(iframe_str);    $("iframe.uploadframe").css("height",$(document).height()).css("width","100%").css("position","absolute").css("left","0px").css("top","0px").css("z-index","999999").show();  $(window).resize(function(){    $("iframe.uploadframe").css("height",$(document).height()).show();  });}