Laravel--ajax--文件上传

Html

 

<formaction="{{URL::route('upload.files')}}"method="post"id="imgForm">
    <inputtype="file"class="hide-avatar"name="file">
    <inputtype="text"class="file_import"name="files"value="">
    <buttonclass="btn btn-secondary change-avatar"type="button"><iclass="fa fa-upload"></i>上传</button>
</form>

    

 

Css

 

 /*导入文件上传*/
.hide-avatar{
  display:none;
}
#imgForm{
  display:inline;
}
.file_import{
  display:none;

}

Javascript（使用前引用jquery.js,使用layer.js弹出提示）

 

<script>
    $(function(){

        //ajax 上传
        $(document).ready(function() {
            //上传图片相关
            $('.change-avatar').click(function() {
                $('.hide-avatar').click();
            });

            $('#imgForminput[name=file]').on('change',function(){
                layer.load(0, {shade:[0.2,'#616161']});
                $('#imgForm').ajaxForm({
                    url : $(this).prop("action"),
                    post:"POST",
                    beforeSubmit:function(data){
                        $.each(data,function(i){});
                    },
                    headers:{
                        'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
                    },
                    success:function(data){
                        console.log(data);
                        layer.closeAll('loading');
                        if(data.status==0){
                            layer.msg(data.msg,{time:1500},function(){
                                window.location.reload();
                            });
                        }else{
                            layer.msg(data.msg,{time:1500},function(){
                                $(".file_import").val(data.path);
                            });
                        }
                    },
                    dataType:'json'
                }).submit();
            });
        });
    })
</script>

Php

 

路由：

//后台导入上传
Route::post('/upload/files',[
    'as'=>'upload.files','uses'=> 'UploadController@files',
]);

 

 

/*
@ Laravel框架
@ 上传文件
*/
public functionfiles(){
    $file=Input::file('file');
    $clientName=$file->getClientOriginalName();
    $allowed_extensions= ["xls"];
    if($file->getClientOriginalExtension() && !in_array($file->getClientOriginalExtension(),$allowed_extensions)) {
        $json['status'] = 0;
        $json['msg'] = '请上传xls后缀格式文件';
    }else{
        $destinationPath='upload/eximport/'.date('Ymd').'/';
        $extension=$file->getClientOriginalExtension();
        $fileName=date('YmdHis').'.'.$extension;
        $info=$file->move($destinationPath,$fileName);
        if($info){
            $json['status'] = 1;
            $json['msg'] = '上传成功';
            $json['path'] = $destinationPath.$fileName;
        }else{
            $json['status'] = 0;
            $json['msg'] = '上传失败';
        }
    }
    return$json;
}