thinkphp3.2+cropper實現多張圖片的上傳并剪切圖片

2020-03-22 19:55:37

字體：大中小

來源：轉載

供稿：網友

首頁 > html' target='_blank'>php教程 > php教程 > 正文 thinkphp3.2+cropper實現多張圖片的上傳并剪切圖片（代碼示例） 2018-11-22 14:43:14 1220 第六期線上培訓班

本篇文章給大家帶來的內容是介紹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教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。