商品相册:
<div>
<span style="color: red;"><%--双击删除图片--%></span>
<div id="fileQueue">用于图片上传后展示</div>
<input type="file" name="uploadify" id="uploadify" />
</div>
<script type="text/javascript">
<present name="row">//修改数据时回显照片
var img_html='';
var input_html='';
$({$row.path}).each(function(i,v){//遍历图片,拼接html代码
img_html+="<img src="+ v + " style='width:100px; height:80px;' />";
input_html+="<input type='hidden' class='gallery_img' name='gallery_img[]' value="+v+" />";
});
$('#fileQueue').html(img_html+input_html);
</present>
//事件委派
//删除图片和对应隐藏域
$('#fileQueue').on('dblclick','img',function(){
var src=$(this).attr('src');//获取当前双击图片的src
$("input[type='hidden']").each(function(){//遍历type='hidden'的input
if($(this).val() == src){//找到对应的input
this.remove();
}
})
this.remove();
});
//这个img标签是原本存在的,所以只需用普通事件即可
$('#logo-preview').dblclick(function(){
$('#logo-preview').removeAttr('src');
});
</script>