首先我們來看看實(shí)現(xiàn)的效果截圖：

點(diǎn)加號可以繼續(xù)上傳第二張圖片

代碼部分：

前端代碼：

 --引入cropper相關(guān)文件--  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的圖片,速度較慢,應(yīng)該是轉(zhuǎn)成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)){ //判斷目錄是否存在 不存在就創(chuàng)建 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));//返回的是字節(jié)數(shù) $image[] = / .$path. / . $imageName; foreach ($image as $kk= $vv) { $images[] = json_encode($vv, true); $data[ image ] = [ .implode( , ,$images). ] 
//將base64格式圖片轉(zhuǎn)換為文件形式 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}); }
總結(jié)：以上就是本篇文章的全部內(nèi)容，希望能對大家的學(xué)習(xí)有所幫助。更多相關(guān)視頻教程，可訪問：php教程！
以上就是thinkphp3.2+cropper實(shí)現(xiàn)多張圖片的上傳并剪切圖片 （代碼示例）的詳細(xì)內(nèi)容，PHP教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。