layui ajax文件上传

/**
* 需要引用的外部文件
**/
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script type="text/javascript" src="layui/layui.js"></script>
/**
* Html代码
**/
<div class="layui-form-item" id="img">
    <label class="layui-form-label">
        <span class="x-red">*</span>文章主图
    </label>
    <button type="button" class="layui-btn" id="upload_img_icon">
        <i class="layui-icon">&#xe67c;</i>上传图片
    </button>
    <div class="layui-upload-list">
        <img class="layui-upload-img" id="demo1" src="{$data.icon??''}">
        <p id="demoText"></p>
    </div>
</div>
/**
* JavaScript代码
**/
layui.use(['upload'], function(){
   $ = layui.jquery;
   var upload = layui.upload;
   var uploadInst = upload.render({
        elem: '#upload_img_icon' //绑定元素
        ,url: '{:url("/article/upload")}' //上传接口
        ,before: function (obj) {
            //预读本地文件示例，不支持ie8
            obj.preview(function (index, file, result) {
                $('#demo1').attr('src', result); //图片链接（base64）
            });
        },
        done: function(res){
            // console.log(res.filename);
            $('#img').append('<input type="hidden" value="'+res.filename+'" name="a_profile"/>');
        }
        ,error: function(){
            //请求异常回调
        }
    });
}
/**
* PHP代码
**/
public function upload()
{
    $file = request()->file('file');
    // 移动到框架应用根目录/public/uploads/ 目录下
    if($file){
        $info = $file->move('./uploads');
        if($info){
            $result=[
                'code'=>1,
                'msg'=>'上传成功',
                'filename'=>'/uploads/'.str_replace('\\', '/', $info->getSaveName())
            ];
            return json_encode($result);
        }else{
            return false;
        }
    }else{
        return false;
    }
}