一、附件下載

1. CropAvatar.php

2. //放在 extend\org 

3. //這是自己稍微修改過。

4. //如果遇到 exif_imagetype 錯誤，需要開啟 php.ini 中的 extension=php_exif.dll

二、引入檔案，

1. //其他的 bootstrap.min.css，jquery.min.js，bootstrap.min.js

2. <link rel="stylesheet" href="cropavatar/css/cropper.min.css">

3. <link rel="stylesheet" href="cropavatar/css/main.css">

4. <script src="cropavatar/js/cropper.min.js" type="text/javascript"></script>

5. <script src="cropavatar/js/main.js" type="text/javascript"></script>

三、common.php公共函式

1. /**

2.  * 轉換位元組

3.  * @param $bytes 傳入位元組數值

4.  * @param int $decimals

5.  * @return string BKMGTP

6.  */

7. function human_filesize($bytes, $decimals = 2) {

8.     $sz = 'BKMGTP';

9.     $factor = floor((strlen($bytes) - 1) / 3);

10.     return sprintf("%.{$decimals}f", $bytes / pow(1024, $factor)) . @$sz[$factor];

11. }

12. /**

13.  * 刪除該目錄以及該目錄下面的所有檔案和資料夾

14.  * @param $dir 目錄

15.  * @return bool

16.  */

17. function removeDir($dirName) {

18.     //判斷傳入引數是否目錄，如不是執行刪除檔案

19.     if (!is_dir($dirName)) {

20.         //刪除檔案

21.         @unlink($dirName);

22.     }

23.     //如果傳入是目錄，使用@opendir將該目錄開啟，將返回的控制代碼賦值給$handle

24.     $handle = @opendir($dirName);

25.     //這裡明確地測試返回值是否全等於（值和型別都相同）FALSE

26.     //否則任何目錄項的名稱求值為 FALSE 的都會導致迴圈停止（例如一個目錄名為“0”）

27.     while (($file = @readdir($handle)) !== false) {

28.         //在檔案結構中，都會包含形如“.”和“..”的向上結構

29.         //但是它們不是檔案或者資料夾

30.         if ($file != '.' && $file != '..') {

31.             //當前檔案$dir為檔案目錄+檔案

32.             $dir = $dirName . '/' .$file;

33.             //判斷$dir是否為目錄，如果是目錄則遞迴呼叫reMoveDir($dirName)函式

34.             //將其中的檔案和目錄都刪除；如果不是目錄，則刪除該檔案

35.             is_dir($dir) ? removeDir($dir) : @unlink($dir);

36.         }

37.     }

38.     closedir($handle);

39.     return rmdir($dirName);

40. }

41. 四、config.php配置檔案

    1. //上傳配置 根目錄前需新增 一個 .

    2.     'syc_images'   => [

    3.         //縮圖儲存位置

    4.         'thumb' => './uploads/thumbs',

    5.         //附件圖片儲存位置

    6.         'image' => './uploads/images',

    7.         //裁剪的原始圖片儲存位置

    8.         'original' => './uploads/original',

    9.         //上傳限制 2*1024*1024

    10.         'size'  => 2097152,

    11.     ],

    五、Thumbs.php控制器

    1. <?php

    2. // +----------------------------------------------------------------------

    3. // | Copyright (c) 2017 http://www.sycit.cn

    4. // +----------------------------------------------------------------------

    5. // | Date:   2017/3/3

    6. // +----------------------------------------------------------------------

    7. // | Author: Peter.Zhang  <[email protected]>

    8. // +----------------------------------------------------------------------

    9. // | Title:  Thumbs.php

    10. // +----------------------------------------------------------------------

    11. namespace app\admin\controller;

    12. use think\Request;

    13. use Org\CropAvatar;

    14. 帶裁剪的圖片上傳功能jquery外掛

        實現圖片上傳及圖片裁剪功能，時間比較倉促，目前只允許單圖片有裁剪功能，其中圖片裁剪用到了imgareaselect外掛，其實前端是偽裁剪，將裁減座標傳遞給後臺處理，需後臺配合，備份一下程式碼/** * Created by lgy on 2017/11/25. * 圖片