<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户中心</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="fly,layui,前端社区">
<meta name="description" content="TaoLer社区是模块化前端UI框架Layui的开发产品，致力于为web开发提供强劲动力">
<link rel="stylesheet" href="/static/res/layui/css/layui.css">
<link rel="stylesheet" href="/static/res/css/global.css">
</head>
<body>
{include file="public/header" /}
<div class="layui-container fly-marginTop fly-user-main">
{include file="public/nav" /}
<div class="fly-panel fly-panel-user" pad20>
{__CONTENT__}
</div>
</div>
{include file="public/footer" /}
{include file="public/js" /}
<script Content-Type: text/html>
layui.use('upload', function(){
var $ = layui.jquery
var upload = layui.upload;
var uploadInst = upload.render({
elem: '#test1'
,url: '{:url('index/user/upload1')}'
,field: 'file'
,accept: 'images'
,acceptMime: 'image/*'
,exts: 'jpg|png|gif|bmp|jpeg'
,auto:true
,before: function(obj) {
obj.preview(function(index, file, result){
$('#demo1').attr('src', result); //图片链接（base64）
});
layer.msg("图片上传中...",{
time: 3000,
});
}
,done: function(res){
//如果上传失败
if(res.code > 0){
return layer.msg(res['msg']);
}
//上传成功
return layer.msg(res['msg']);
}
,error: function(){
//演示失败状态，并实现重传
}
});
});
</script>
<script>
layui.cache.page = 'user';
layui.cache.user = {
username: '游客'
,uid: -1
,avatar: '/static/res/images/avatar/00.jpg'
,experience: 83
,sex: '男'
};
layui.config({
version: "3.0.0"
,base: '/static/res/mods/'
}).extend({
fly: 'index'
}).use('fly');
</script>
</body>
</html>