image crop and upload
< style type= "text/css" > . image-image-cropper { display : block ; max-width : 80 %; } . modal-lg { max-width : 1000 px !important ; } </ style > < link rel= "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css" integrity= "sha256-jKV9n9bkk/CTP8zbtEtnKaKf+ehRovOYeKoyfthwbC8=" crossorigin= "anonymous" /> < script src= "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.js" integrity= "sha256-CgvH7sz3tHhkiVKh05kSUgG97YtzYNnWt6OXcmYzqHY=" crossorigin= "anonymous" ></ script > < input type= "file" id= "inputfile" name= "image" class= "image" style= " display : none ; " > < img id = "img-src" class= "upload-btn img-circle img-src1" src= " @if ( ! empty ( $userDetails -> vProfilePic ) ) {{ asset( "public...