abstrak：1、添加頁面代碼<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加明星</title> <link rel="sty
1、添加頁面代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加明星</title>
<link rel="stylesheet" type="text/css" href="/static/plugins/layui/css/layui.css">
<script type="text/javascript" src="/static/plugins/layui/layui.js"></script>
<style type="text/css">
.layui-form{margin: 12px;}
</style>
</head>
<body>
<form action="">
<div>
<label>姓名</label>
<div>
<input type="text">
</div>
</div>
<div>
<label>照片</label>
<button type="button" class="layui-btn layui-btn-sm" id="test1" style="background:#FF5722">
<i></i>上傳圖片
</button>
<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1528550987,4279669236&fm=170&s=FEB82EC71228491DE29528380300D01A&w=549&h=281&img.JPEG" style="height:35px;">
</div>
<div class="layui-form-item layui-form-text">
<label>簡介</label>
<div>
<textarea name="desc" placeholder="請輸入內(nèi)容"></textarea>
</div>
</div>
</div>
<div>
<label>在線狀態(tài)</label>
<div>
<input type="checkbox" name="like[write]" title="在線">
</div>
</div>
<div>
<div>
<button style="background:#FF5722;">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</body>
<script>
layui.use('form', function(){
var form = layui.form;
});
layui.use('upload', function(){
var upload = layui.upload;
//執(zhí)行實(shí)例
var uploadInst = upload.render({
elem: '#test1' //綁定元素
,url: '/upload/' //上傳接口
,done: function(res){
//上傳完畢回調(diào)
}
,error: function(){
//請求異常回調(diào)
}
});
});
</script>
</html>2、效果圖
Guru membetulkan：天蓬老師Masa pembetulan：2018-12-28 14:04:22
Rumusan guru：這個(gè)頁面貌似是彈出后的頁面，彈出頁面使用layui.open方法