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

时间：2017-11-22 16:32:29|栏目：PHP教程|点击：次

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

<!doctype html>

<body>

</div>

</div>

<h2>选择装修阶段</h2>

</div>

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

<!-- <b><img src="__PUBLIC__/home/images/2016-10-18_094906.png" alt=""><i>x</i></b>

</div>

</form>

</div>

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 ='<b><img src='+dir+path+'><i>x</i><input type="hidden" value="'+path+'" name="thumb['+uid+']"></b>';

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

}

</script>

$(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);

})

</script>

</body>

</html>

上一篇：PHP编程求最大公约数与最小公倍数的方法示例

栏目：PHP教程

下一篇：详谈php ip2long 出现负数的原因及解决方法

本文标题：PHP实现上传多图即时显示与即时删除的方法

本文地址：http://www.cnyisaige.com/PHPjiaocheng/24.html

更多PHP教程

PHP教程

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

您可能感兴趣的文章

阅读排行

推荐教程