Laravel+Layer实现图片上传功能(整理篇)
前端之家收集整理的这篇文章主要介绍了
Laravel+Layer实现图片上传功能(整理篇)，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
♩ 背景
昨天在自己的 Laravel5.5 框架项目中，希望集成 Layer 的图片上传功能 但是在 ajax（POST） 提交请求时，一直显示
500
报错
♪ 分析
⒈ 问题所在
最后将核心代码摘出，放到 Larvel 框架以外运行，发现代码是没有问题的，因为对 Laravel 框架接触的太浅，忽视了 CSRF 的限制
一般在表单提交时，都会存放一个隐藏的输入框
PHP;">
或者在需要提交的表单中补充一行代码：
PHP;">
但是，在比较单一的元素进行 ajax 提交时，建议可使用如下的方法
①. 页面中添加隐藏域
PHP;">
②. ajax 请求前，先获取 csrf_token() 值
PHP;">
var tag_token = $(".tag_token").val();
③. ajax 请求时，将该值作为数据的一部分传输过去，例如：
PHP;">
data:{'_token':tag_token}
♫ 实现步骤
⒈ 源文件目录
⒉ 前端准备
页面引入layui 的 css 和 js 文件
PHP;">
注： 本人下载的 layui 框架源码包为 layui-v2.2.45
核心代码：
js 代码：
PHP;">
⒊ 后端处理
因为前端 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() ：
403_128@ $status,'message' =>$message,'data' =>$data
);
exit(json_encode($result));
}
♬ 补充
代码，可用于 PHP 的原生开发或其他流行框架，其实只要后台能接收到 $_FILES 数据就好办了 我就是卡在了 Laravel 框架的 CSRF 认证上，耗费了好多时间，所以：
PHP;">
后端代码的图片上传功能属于原生程序，可自行优化，建议使用流行框架所推荐的集成方法。 ⒉ move_uploaded_file() 补充
对于上述的代码，需要注意一点 : move_uploaded_file() 方法的使用
如果图片所上传的目录不存在，很可能会报错，所以需要判断当前情况，若不存在，要建立新目录
PHP;">
//TODO 判断当前的目录是否存在，若不存在就新建一个!
if (!is_dir($path)){mkdir($path,0777);}
⒊ 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}/
☺ 源码下载
PHP+imgUpload(jb51.cc).rar">源码下载提供
总结
以上所述是小编给大家介绍的Laravel+Layer实现图片上传功能(整理篇)，希望对大家有所帮助。程序员遇到问题都会上（编程之家jb51.cc）查找问题解答方法！如果觉得站点还不错，随手转发给程序员朋友一下！
