laravel 修改图片 可浏览

{{–start 上传前查看图片–}}
<’div class=”form-group”>
<’label for=”avatar” class=”col-sm-3 control-label”>头像
<’div class=”col-sm-3”>
<’img id=”img” src=”{{‘/’.$member->avatar}}” alt=”头像” width=”200” height=”200”><’br>

           修改头像 : <input type="file" style="display: none" class="form-control" id="avatar" name="avatar" value="{{$member->avatar}}">
                        @include('layouts.message.tips',['field'=>'avatar'])
                        <'input type="button" name="" value="Browse" id="brower_file" class="btn-primary form-control">
                    <'/div>
                < /div>
                <script type="text/javascript">
                    $('#brower_file').on('click',function (e) {
                        $('#avatar').click();
                    })
                    $('#avatar').on('change',function (e) {
                        var fileInput=this;
                        if(fileInput.files[0]){
                            var reader= new FileReader();
                            reader.onload=function (e) {
                                $('#img').attr('src',e.target.result);
                            }
                            reader.readAsDataURL(fileInput.files[0]);
                        }
                    })
                </script>
                {{--end 上传前查看图片--}}


    if (isset($request['avatar']) && !empty($request['avatar'])) {
        $avatar = $request->file('avatar');
        $filedir='uploads/'; //定义图片上传路径
        $newImagesName=mt_rand(111,999).'.jpg'; //重新命名上传文件名字
        $avatar->move($filedir,$newImagesName) ;
        $member->avatar = $filedir . $newImagesName;
        $newPath = str_replace('.jpg', '_thumb.jpg', $member->avatar);
        Image::make($member->avatar)->encode('jpg', 50)->save($newPath);
        }