laravel5.1框架下实现图片上传(Laravel文件上传)

发布时间:2017-03-28 编辑:小张个人博客 查看次数:4481

Laravel 5.1框架功能强大了我们可以用它来做许多的事情了,下面我们来看一篇关于Laravel 5.1文件上传的功能使用示例,希望文章能够帮助到各位朋友。

js插件:

bootstrap-fileupload.js插件还提供给你一个简单的方式去安装一个先进的文件选择/上传控制版本去配合Bootstrap CSS3样式。通过对很多种文件提供预览支持,比如图片,文本,html,视频,声音,flash和对象,它大大增强了文件输入的功能。另外,它还包含基于AJAX的上传,拖拽,移除文件的功能,可视化的上传进度条,和可选择的添加或删除文件预览功能。更多关于bootstrap-fileupload.js可以百度一下

<link href="{{url('Admin/css/bootstrap-fileupload.min.css')}}" rel="stylesheet">
<script src="{{url('Admin/js/bootstrap-fileupload.min.js')}}"></script>

 html部分:

前端界面是基于Bootstrap框架完成的表单样式,这里就不详细介绍了,有兴趣的朋友可以去Bootstrap官网看一下,Bootstrap官方文档说得很详细,也提供了许多样例。

<!------上传图片------->
<div class="form-group last">
<label class="control-label col-md-2">选择图片</label>
<div class="col-md-9">
    <div class="fileupload fileupload-new" data-provides="fileupload">
        <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">
            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" />
        </div>
        <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
        <div>
           <span class="btn btn-default btn-file">
           <span class="fileupload-new"><i class="fa fa-paper-clip"></i> 上传图片</span>
           <span class="fileupload-exists"><i class="fa fa-undo"></i> Change</span>
           <input type="file" class="default" name="img" />
               <!--<input type="hidden" class="default" name="old-img" value="{$data.img}" />-->
           </span>
            &nbsp;&nbsp;<a href="#" class="btn btn-danger fileupload-exists" data-dismiss="fileupload"><i class="fa fa-trash"></i> 删除</a>
        </div>
    </div>
</div>
</div>
<!------上传图片------->

Laravel图片上传处理逻辑

//判断请求中是否包含name=file的上传文件
if(!$request->hasFile('thumb')){
    exit('上传文件为空!');
}
$file = $request->file('thumb');

//判断文件上传过程中是否出错
if(!$file->isValid()){
    exit('文件上传出错!');
}
//$img = $file -> getRealPath(); // 临时文件的绝对路径
$entension = $file -> getClientOriginalExtension(); //  上传文件后缀
$filename = date('YmdHis').mt_rand(100,999).'.'.$entension; // 重命名图片
$date = date('Y-m-d');
$path = $file->move(public_path().'/uploads/'.$date.'/',$filename);  // 重命名保存
$img_path = '/uploads/'.$date.'/'.$filename;  // 图片相对路径

Laravel 5.1图片上传的功能使用示例,希望文章能够帮助到各位朋友。

出处:小张个人博客

网址:http://blog.023xs.cn/

您的支持是对博主最大的鼓励,感谢您的认真阅读。欢迎转载,但请保留该声明。

顶部

Copyright © 小张个人博客 All Rights Reserved 渝ICP备15006773号-1

联系方式:[email protected] | 本站文章仅供学习和参考

渝公网安备 50024102500267号