<link rel="stylesheet" href="{pboot:sitetplpath}/layui/css/layui.css?v=v2.5.4">
<script type="text/javascript" src="{pboot:sitetplpath}/layui/layui.all.js?v=v2.5.4"></script>
    

<div class="form-group">
    <label for="mobile">头 像</label>
    <div>
        <input type="text" name="ico" id="ico" placeholder="请上传缩略图" class="layui-input">
        <button type="button" class="layui-btn upload" data-des="ico">
            <i class="layui-icon"></i>上传图片
        </button>
        <div id="ico_box"></div>
    </div>
</div>

<script>
layui.use(['element','upload'], function(){
    var element = layui.element;
    var upload = layui.upload;

    // 执行单图片实例
    var uploadInst = upload.render({
        elem: '.upload', // 绑定元素
        url: '/index.php?p=/index/upload', // 上传接口
        field: 'upload', // 字段名称
        multiple: false, // 是否多文件上传
        accept: 'images', // 接收文件类型 images（图片）、file（所有文件）、video（视频）、audio（音频）
        acceptMime: 'image/*',
        done: function(res){
            var item = this.item;
            layer.closeAll('loading'); // 关闭loading
            if(res.code == 1){
                $('#ico').val(res.data[0]); 
                $('#ico_box').html("<img src='" + res.data[0] + "' width=80 >"); 
                layer.msg('上传成功！'); 
            }else{
                layer.msg('上传失败：' + res.data); 
            }
        },
        error: function(){
            layer.closeAll('loading'); // 关闭loading
            layer.msg('上传发生错误!'); 
        }
    });
});
</script>
    

public function upload()
{
    $upload = upload('upload');
    if (is_array($upload)) {
        json(1, $upload);
    } else {
        json(0, $upload);
    }
}