网站后台——用户上传图片剪切

 

https://segmentfault.com/a/1190000012818387 

JQuery 插件图片裁剪插件cropper.js使用,上传，后台怎么处理

https://blog.csdn.net/wxl1555/article/details/79650062

图片上传裁剪插件cropper.js的API详解
兼容性较好，之前的php也是用得这个。

http://www.webhek.com/post/save-canvas-to-image.html

 

将画布(canvas)图像保存成本地图片的方法 

https://www.jianshu.com/p/5d76ec4c97e7
js base64与canvas base64 

 

https://fengyuanchen.github.io/cropperjs/ 

cropper官网，注意用jquery版本

代码实例：

@extends("layouts.frame")

@section("title")
    {{$title}}
@stop

@section('mydefinecss')
    
    

    
@endsection

@section("content")
    

        

             {{$title}}
            {{-- 添加图片--}}
        
        

            

                

                    @csrf
                    
                    
                    

                    

                        

                            

                                标题
                                
                            
                            

                                标题颜色
                                
                            
                            

                                发布到
                                
                                    @foreach($ImagesRsset as $reset)
                                        {{ $reset }}
                                    @endforeach
                                
                            
                            

                                描述
                                
                            
                        
                        

                            

                                
                                     点击选择照片
                                
                                

                                
                            
                            

                                

                                    

                                        
                                    
                                
                            
                            

                                

                                    

                                        
                                    
                                
                                

                                    

                                        

                                            

                                            

                                        
                                    
                                    

                                        

                                            

                                                
                                                     自由比例
                                                

                                                
                                                     16:9
                                                

                                                
                                                     4:3
                                                

                                                
                                                     1:1
                                                
                                            
                                        
                                    
                                    

                                        

                                            确定裁剪
                                        
                                    
                                
                            
                        
                    
                    

                        

                            添加保存
                        
                    
                
                
            
        
    
@endsection

@section('mydefinejs')
    {{--cropper.js--}}
    
    

    
@endsection