layer可以帮助生成各种形式的弹出层,简单强大, 用了之后简直停不下来。
官方网站有许多实例,可以参考,下文代码实例,是本人的商城系统片段,暂且留坑,日后等系统完成,开源的时候,把具体用layer 结合七牛用Django做的上传图片模块放出来.
官方网站http://layer.layui.com/
$('#addimage').click(function(){
layer.open({
title:'本地图片',
type:2,
area:['900px', '600px'],
shadeClose: true,
shade:0.8,
content:['/upload/productimage/'],
btn: ['确定'],
yes:function(index, layero){
var body = layer.getChildFrame('body', index);
var cropurl = body.find('p#cropurl').html();
if(cropurl!=''){
$('#id_image').val(cropurl);
$('#pre_image').attr('src', cropurl);
layer.close(index);
}else{
alert('请上传图片先')
}
}
})
});
网友评论