关注公众号:青山有路

layerui 组件弹出层 异步上传

css笔记 admin 7年前 (2017-09-07) 1675次浏览 已收录 0个评论 扫描二维码

官网下载 引用文件

<link rel=”stylesheet” type=”text/css” href=”{$_W[‘siteroot’]}app/resource/layui/css/layui.css”>
<script src=”{$_W[‘siteroot’]}app/resource/layui/layui.js”></script>

弹出:

<script type=”text/javascript”><script type=”text/javascript”>//一般直接写在一个js文件中layui.use([‘layer’, ‘form’], function(){ var layer = layui.layer ,form = layui.form; $(“.confirm”).click(function(){ var nickname = $(“#nickname”).val(); if(!nickname){ alert(‘请填写昵称!’); return false; } $.post( “{php echo url(‘member/mcinfoedit’)}”,    { nickname : nickname},    function(data){     //layer.msg(data.msg);     layer.msg(data.msg, { skin: ”,closeBtn: 0}, function(){     location.href = “{php echo url(‘member/mcinfo’)}”;     });    },’json’ ) })});</script>

上传:

<script type=”text/javascript”><script type=”text/javascript”>layui.use(‘upload’, function(){  var upload = layui.upload;     //执行实例  var uploadInst = upload.render({    elem: ‘#test1’ //绑定元素    ,url: “{php echo url(‘member/mcinfo’,array(‘up’=>’img’))}” //上传接口    ,size :’3000kb’    ,done: function(res){    console.log(res);    $(“#pic”).attr(‘src’,res.pic);      //上传完毕回调    }    ,error: function(){      //请求异常回调    }  });});</script>


版权所有丨如未注明 , 均为原创 , 转载请注明layerui 组件弹出层 异步上传
喜欢 (1)

Warning: Use of undefined constant PRC - assumed 'PRC' (this will throw an Error in a future version of PHP) in /www/wwwroot/gaowenjie.cc/wp-content/themes/Git-alpha/comments.php on line 17
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到