Laravel+Layer实现图片上传功能(整理篇)

♩ 背景

昨天在自己的 Laravel5.5 框架项目中,希望集成 Layer 的图片上传功能 但是在 ajax(POST) 提交请求时,一直显示

500

报错

♪ 分析

⒈ 问题所在

最后将核心代码摘出,放到 Larvel 框架以外运行,发现代码是没有问题的,因为对 Laravel 框架接触的太浅,忽视了 CSRF 的限制

⒉ 解决方案

一般在表单提交时,都会存放一个隐藏的输入框

或者在需要提交的表单中补充一行代码:

但是,在比较单一的元素进行 ajax 提交时,建议可使用如下的方法

①. 页面中添加隐藏域

②. ajax 请求前,先获取 csrf_token()

③. ajax 请求时,将该值作为数据的一部分传输过去,例如:

♫ 实现步骤

⒈ 源文件目录

⒉ 前端准备

⒊ 后端处理

因为前端 Layer 默认的是 POST 请求,则后台 uplaod.php 核心代码如下:

0) { // 出错 $message = $file_error; } elseif($file_size > 1048576) { // 文件太大了 $message = "上传文件不能大于1MB"; }else{ $date = date('Ymd'); $file_name_arr = explode('.',$file_name); $new_file_name = date('YmdHis') . '.' . $file_name_arr[1]; $path = "upload/".$date."/"; $file_path = $path . $new_file_name; if (file_exists($file_path)) { $message = "此文件已经存在啦"; } else { //TODO 判断当前的目录是否存在,若不存在就新建一个! if (!is_dir($path)){mkdir($path,0777);} $upload_result = move_uploaded_file($file_tmp,$file_path); //此函数只支持 HTTP POST 上传的文件 if ($upload_result) { $status = 1; $message = $file_path; } else { $message = "文件上传失败,请稍后再尝试"; } } } } else { $message = "参数错误"; } return showMsg($status,$message);

【注意】:

使用下载的源码文件时,可将该处的核心代码进行替换

补充公共函数 showMsg()

$status,'message' =>$message,'data' =>$data ); exit(json_encode($result)); }

⒋ 实现效果

♬ 补充

PHP 的原生开发或其他流行框架,其实只要后台能接收到 $_FILES 数据就好办了 我就是卡在了 Laravel 框架的 CSRF 认证上,耗费了好多时间,所以:

后端代码的图片上传功能属于原生程序,可自行优化,建议使用流行框架所推荐的集成方法。 ⒉ move_uploaded_file() 补充

对于上述的代码,需要注意一点 : move_uploaded_file() 方法的使用

如果图片所上传的目录不存在,很可能会报错,所以需要判断当前情况,若不存在,要建立新目录

⒊ Laravel 中的处理 作为 PHP 开发的流行框架,必然做了对文件上传功能的集成,文件的上传,可参考学习文档,以本人的处理为例:

⑴. 相对于使用默认的上传方法,会将文件存放到 "storage" 目录中,而进一步对该目录的访问还需要添加软链接,感觉有点麻烦,所以我指定磁盘到 "public" 目录即可

⑵. 可参考我之前的一篇文章—— Laravel 文件上传功能实现 ,打开配置文件 config/filesystems.php ,向磁盘配置数组中添加一个 url

[ 'driver' => 'local','root' => public_path('upload/image/'.date('Ymd')),],

⑶. 相对应的后台核心处理代码则为:

method()== 'POST') { $date = date('Ymd'); $path = $request->file('file')->store('','upload'); if ($path){ $fileUrl = '/upload/image/'.$date.'/'.$path; $status = 1; $data['url'] = $fileUrl; $message = '上传成功'; }else{ $message = "上传失败"; } } else { $message = "参数错误"; } return showMsg($status,$message,$data); }

如此一来,上传的图片所在目录为: public/upload/image/{$date}/

☺ 源码下载

总结

以上所述是小编给大家介绍的Laravel+Layer实现图片上传功能(整理篇),希望对大家有所帮助。程序员遇到问题都会上(编程之家jb51.cc)查找问题解答方法!如果觉得站点还不错,随手转发给程序员朋友一下!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


laravel的dd函数不生效怎么办
看不懂laravel文档咋办
安装laravel框架出现command怎么办
Laravel开发API怎么使用事务
laravel怎么构建复杂查询条件
laravel如何实现防止被下载
为什么laravel比yii火
一些常见的Laravel定时任务不运行的问题
laravel用路由有什么好处
composer无法安装laravel怎么办
laravel现在还用吗
laravel怎么替换主键id
laravel的appurl有什么用
如何修改Laravel的报错输出形式
laravel怎么避免foreach查表
laravel怎样操作数据库
laravel怎么截取字符串
laravel 是国内的吗
laravel怎么设置请求头
浅析Laravel社区Redis组件报错的问题和解决方法