laravel 存储base64格式图片

2020-01-08 23:49:13

参考地址 laravel 存储base64格式图片

目录


 

回到顶部

>  一、总结(点击显示或隐藏总结内容)

一句话总结:

用正则替换base64图片编码的编码头即可
存储图片的话,用laravel可以用Storage的put方法,原生php可以用file_put_contents方法

复制代码

替换编码头preg_match('/^(data:\s*image\/(\w+);base64,)/',$base64_img,$res);$base64_img=base64_decode(str_replace($res[1],'', $base64_img));

存储图片$ans=Storage::disk('user_img')->put($new_file, $base64_img);
或if (file_put_contents($new_file,base64_decode(str_replace($res[1],'', $imgBase64))))

复制代码

 

 

回到顶部

二、laravel存储64位图片实例

复制代码

 1     //1、上传base64位的图片:用户的头像 2     public function uploader_img_base64(Request $request){ 3  4         //用户id 5         $u_id=Auth::guard('user')->user()->id; 6         if(!$u_id){ 7             return ['valid' => 0, 'message' => '用户信息过期,请刷新页面重试!!']; 8         } 9 10         $base64_img=$request->input('base64_img');11         $base64_img=urldecode($base64_img);12         //获取原图片的相对路径13         $old_user_img_url=$request->input('old_user_img_url');14         $position=stripos($old_user_img_url,'user_img/');15         if(strlen($old_user_img_url)>$position+9)16         $old_user_img_url_relative=substr($old_user_img_url,$position+9);17 18         preg_match('/^(data:\s*image\/(\w+);base64,)/',$base64_img,$res);19 20 21         if (isset($res[2])) {22             //获取图片类型23             $type = $res[2];24 25             //图片保存路径26             $new_file = ''.date('Ym',time()).'/';27             //$new_file = "attachment/user_img/".date('Ymd',time()).'/';28 29             //图片名字30             $new_file = $new_file.str_random(10).mt_rand(10000,99999).'.'.$type;31             $base64_img=base64_decode(str_replace($res[1],'', $base64_img));32             //dd($base64_img);33             $ans=Storage::disk('user_img')->put($new_file, $base64_img);34 35             if ($ans) {36                 $ans2=Storage::disk('user_img')->delete($old_user_img_url_relative.'');37                 //dd($ans2);38                 //$img_url=asset('attachment/user_img/'.$new_file);39                 $img_url='attachment/user_img/'.$new_file;40                 //修改用户的头像41                 User::where('id',$u_id)->update(['picture'=>$img_url]);42 43                 //unlink($old_user_img_url_relative.'');44                 return ['valid' => 1, 'message' => $img_url];45             } else {46                 return ['valid' => 0, 'message' => '上传失败请重试!'];47             }48 49         }else{50             return ['valid' => 0, 'message' => '上传失败请重试!!'];51         }52 53     }

复制代码

 

 

 

回到顶部

三、laravel 存储前端上传base64图片

转自或参考:laravel 存储前端上传base64图片
https://blog.csdn.net/qq_23953793/article/details/103064293

 

用postman模拟前端Android 上传图文信息

 

 


PHP laravel后端代码

public function store(Request $request)
    {

        $moment = new Moment();
        $moment->title = $request->get('title');
        $moment->date = $request->get('date');
        $moment->description = $request->get('description');
        $moment->user_id = $request->get('user_id');
        $image = $request->get('image_base64');  // your base64 encoded
        $image = str_replace('data:image/png;base64,', '', $image);
        $image = str_replace(' ', '+', $image);

        $imagePath= 'images/'.str_random(10) . '.png';
        Storage::disk('public')->put($imagePath, base64_decode($image));

        $moment->image_base64 = $imagePath;
        $moment->save();

        return response()->json([
            'code' => 1,
            'message' => 'success',
            'date' => ''
        ]);


    }

数据库:
在这里插入图片描述
目录存储:
在这里插入图片描述

 

 

回到顶部

四、php将base64字符串转换为图片

转自或参考:php将base64字符串转换为图片
https://www.cnblogs.com/yexiaocangji/p/7690688.html

一些插件产生的图片数据是base64格式的,比如cropper,当我们要上传到服务器想要保存为图片文件的时候,可以用以下方法

 

                //获取图片base64字符串
                $imgBase64 = $_REQUEST['img'];        if (preg_match('/^(data:\s*image\/(\w+);base64,)/',$imgBase64,$res)) {             //获取图片类型   
                        $type = $res[2];            //图片保存路径
            $new_file = "static/images/".date('Ymd',time()).'/';            if (!file_exists($new_file)) {

                mkdir($new_file,0755,true);
            }            //图片名字
            $new_file = $new_file.time().'.'.$type;            if (file_put_contents($new_file,base64_decode(str_replace($res[1],'', $imgBase64)))) {

                $msg['msg'] = 'ok';                echo json_encode($msg);
            } else {

                $msg['msg'] = 'no';                echo json_encode($msg);
            }
        }

 


  • 2020-04-01 15:36:52

    CSS3中的transition属性详解

    transition: property duration timing-function delay transition属性是个复合属性,她包括以下几个子属性: transition-property :规定设置过渡效果的css属性名称 transition-duration :规定完成过渡效果需要多少秒或毫秒 transition-timing-function :指定过渡函数,规定速度效果的速度曲线 transition-delay :指定开始出现的延迟时间

  • 2020-04-02 17:02:25

    vue怎么能像jquery那样获得数据

    有时候我们需要获得动态的元素,但是我们没法直接用vue语法,vue一共了当前组件的对象,我们可以避免使用document.get...之类的。

  • 2020-04-02 21:38:15

    Nginx向ExpressJS转发真实IP地址

    由于服务器配置了Nginx的反向代理,在ExpressJS中无法获取到真实的IP地址。本文就介绍了如何配置Nginx以及ExpressJS使其可以显示用户的真实地址。

  • 2020-04-03 08:53:06

    使用自己的QQ邮箱发送自动发送邮件

    话说网上发送邮件的代码很多,但是我由于不细心,导致拿别人的代码发送邮件老是失败,今天就说说几个要注意的地方吧!!!

  • 2020-04-03 10:20:20

    Vue 项目性能优化

    Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成: