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);
}