01<div class="form-group">
02<label for="mobile">頭 像</label>
03<div>
04<input type="text" name="ico" id="ico" placeholder="請(qǐng)上傳縮略圖" class="layui-input">
05<button type="button" class="layui-btn upload" data-des="ico">
06<i class="layui-icon"></i>上傳圖片
07</button>
08<div id="ico_box"></div>
09</div>
10</div>
11
12<script>
13layui.use([element,upload], function(){
14var element = layui.element;
15var upload = layui.upload;
16
17//執(zhí)行單圖片實(shí)例
18var uploadInst = upload.render({
19elem: .upload //綁定元素
20,url: /index.php?p=/index/upload //上傳接口
21,field: upload //字段名稱
22,multiple: false //多文件上傳
23,accept: images //接收文件類型 images(圖片)、file(所有文件)、video(視頻)、audio(音頻)
24,acceptMime: image/*
25,done: function(res){
26var item = this.item;
27layer.closeAll(loading); //關(guān)閉loading
28if(res.code==1){
29$(#ico).val(res.data[0]);
30$(#ico_box).html("<img src="+res.data[0]+" width=80 >");
31layer.msg(上傳成功!);
32}else{
33layer.msg(上傳失敗:+res.data);
34}
35}
36,error: function(){
37layer.closeAll(loading); //關(guān)閉loading
38layer.msg(上傳發(fā)生錯(cuò)誤!);
39}
40});
41});
42</script>