thinkphp3.2+cropper实现多张图片的上传并剪切图片

首先我们来看看实现的效果截图：

点加号可以继续上传第二张图片

代码部分：

前端代码：

 --引入cropper相关文件--  link rel= stylesheet href= /home/style/cropper.css /  link href= /home/tupian/css/bootstrap.min.css rel= stylesheet  link href= /home/tupian/css/cropper.min.css rel= stylesheet  link href= /home/tupian/css/main.css rel= stylesheet  script src= /home/tupian/js/jquery.min.js /script  script src= /home/tupian/js/bootstrap.min.js /script  script src= /home/tupian/js/cropper.min.js /script  script src= /home/tupian/js/main.js /script  script src= /uploads/allimg/190503/1006464O3-7.jpg /script  div >
后台部分:
 --接收过来的是base64的图片,速度较慢,应该是转成blob图片再传给后台,还没做  $base64_image_content = $_POST[ picc  foreach($base64_image_content as $k= $v){ $imageName = date( His ,time()). _ .rand(1111,9999). .png  $dir = date( Ymd  $path = uploads/ .$dir; if (!is_dir($path)){ //判断目录是否存在 不存在就创建 mkdir($path,0777,true); if (strstr($v, , )){ $base64_image_contents = explode( , ,$v); $base64_image = $base64_image_contents[1]; $root = $_SERVER[ DOCUMENT_ROOT ]. / .$path. / . $imageName; $r = file_put_contents($root, base64_decode($base64_image));//返回的是字节数 $image[] = / .$path. / . $imageName; foreach ($image as $kk= $vv) { $images[] = json_encode($vv, true); $data[ image ] = [ .implode( , ,$images). ] 
//将base64格式图片转换为文件形式 function dataURLtoBlob(dataurl) {  var arr = dataurl.split( , ), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);  while(n--){ u8arr[n] = bstr.charCodeAt(n); return new Blob([u8arr], {type:mime}); }
总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多相关视频教程，可访问：php教程！
以上就是thinkphp3.2+cropper实现多张图片的上传并剪切图片 （代码示例）的详细内容，PHP教程        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。