laravel 框架图片上传 csrf 问题

在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" => []];

        }

    }

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值