在main.blade.php 中加入
<meta name="csrf-token" content="{{ csrf_token() }}">
在common.js中的js代码
layui.use(['upload','form'], function () {
var $ = layui.jquery,
form = layui.form,
upload = layui.upload,
layer = layui.layer;
//拖拽上传
// $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
upload.render({
elem: '#test',
url: '/admin/commons/img/upload',
method:"post",
size:"2048",
accept:"file",
auto:false,
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
exts: 'jpg|png|jpeg|gif',
choose: function(obj){ //上传前选择回调方法
var flag = true;
obj.preview(function(index, file, result){
// console.log(file); //file表示文件信息,result表示文件src地址
var img = new Image();
img.src = result;
img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。
if(img.width ==120 && img.height ==120){
obj.upload(index, file); //满足条件调用上传方法
}else{
flag = false;
layer.msg("您上传的小图大小必须是120*120尺寸!");
return false;
}
}
return flag;
});
},
done: function (res) {
layer.closeAll('loading');
$('#imgurl').val(res.data.src);
var str = "<img width='120px' height='120px' src='" + res.data.src + "'>";
document.getElementById('test').innerHTML = str;
// $("#cover_img_big").val(res.data.cover_img)
// $("#avatar").val(res.data.cover_img)
// $("#showImg").show()
}
});
});
后端代码
public function imageUpload(Request $request){
$file=$request->file('file');
if( $file->isValid ()){
$path=$file->store (date ('ymd'),'upload');
return ['data' => ['src'=>asset('uploadImages/'.$path)], 'code' => 0,'msg'=>'上传成功'];
}else{
return ["code" => 0, "msg" => "上传失败", "data" => []];
}
}