1 <?php
  2     $pathinfo = pathinfo($_SERVER['SCRIPT_FILENAME']);
  3     define('ROOT', $pathinfo['dirname']);
  4 
  5     function generateIcon_mobile() {
  6         $imgRoot = ROOT."/img/mobile";
  7         $iterator = new DirectoryIterator($imgRoot);
  8         foreach ($iterator as $file
 
) {
  9             if ($file->isDot()) continue; 
 10             $filename = $file->getFilename();
 11 
 12             //識別出是否以icon_開頭的資料夾，如果是，則對此資料夾的圖示進行base64編碼處理
 13             if ($file->isDir() && 0 === strncasecmp('icon_', $filename, 5)) {
 14                 generateIconMobileCallback("$imgRoot
 
/$filename", ROOT."/js/mobile");
 15             }
 16         }
 17 
 18     }
 19     
 20     function generateIconMobileCallback($iconDir, $styleSaveDir) {
 21         //儲存成js的檔名
 22         $saveName = array_pop(explode('/', $iconDir));
 23         //JS檔案儲存路徑
 24         $styleSavePath = $styleSaveDir.'/'.$saveName
 
.'.js';
 25 
 26         //將當前目錄下的所有檔案及MD5組成一個識別字符串
 27         $fileMap = array();
 28         $iterator = new DirectoryIterator($iconDir);
 29         foreach ($iterator as $file) {
 30             if ($file->isDot()) continue;
 31             $fileName = $file->getFilename();
 32             if ($file->isDir()) {
 33                 generateIconMobileCallback($iconDir.'/'.$fileName, $styleSaveDir.'/'.$fileName);
 34             } else {
 35                 $fileMap[$fileName] = md5_file($file->getRealPath());
 36             }
 37         }
 38         ksort($fileMap);
 39         $fileMapStr = json_encode($fileMap);
 40 
 41         //確保目錄可寫
 42         ensure_writable_dir($styleSaveDir);
 43 
 44         //js檔案控制代碼
 45         $wirteHandle = fopen($styleSavePath, 'w');
 46         //當前小圖示資料夾的相對路徑
 47         $iconSaveRelative = substr($iconDir, strlen(ROOT));
 48         //寫入，初始化儲存資料的物件
 49         fwrite($wirteHandle, "/** icon in dir: $iconSaveRelative/ */ \nif(typeof(\$iconData) == 'undefined') \$iconData={};");
 50         foreach ($fileMap as $fileName => $md5) {
 51             //當前圖片的絕對路徑
 52             $fullPathName = "$iconDir/$fileName";
 53             //取得路徑資訊
 54             $pathInfo = pathinfo($fullPathName);
 55             //取得檔名（沒有後綴）
 56             $fileNameNoExt = $pathInfo['filename'];
 57             //取得圖片資訊
 58             $imageSize = getimagesize($fullPathName);
 59 
 60             //取得檔案的字尾
 61             switch ($imageSize[2]) {
 62                 case IMAGETYPE_GIF:
 63                     $imageType = 'gif';
 64                     break;
 65                 case IMAGETYPE_JPEG:
 66                     $imageType = 'jpg';
 67                     break;
 68                 case IMAGETYPE_PNG:
 69                     $imageType = 'png';
 70                     break;
 71                 
 72                 default:
 73                     $imageType = 'jpg';
 74                     break;
 75             }
 76 
 77             //取得圖片資源
 78             $readHandle = fopen($fullPathName, 'r');
 79             //將圖片轉成二進位制並生成Base64編碼
 80             $base64 = base64_encode(fread($readHandle, filesize($fullPathName)));
 81             //關閉資源
 82             fclose($readHandle);
 83             //將Base64編碼寫入js檔案中
 84             fwrite($wirteHandle, "\n\$iconData.$fileNameNoExt=\"data:image/$imageType;base64,$base64\";");
 85         }
 86         //最後換個行
 87         fwrite($wirteHandle, "\n");
 88         //關閉資源
 89         fclose($wirteHandle); 
 90 
 91         //處理成功的圖示資料夾給予提示
 92         echo '<p>'.$iconSaveRelative. ' saved</p>';  
 93     }
 94 
 95     /**
 96     * 確保資料夾存在並可寫
 97     *
 98     * @param string $dir
 99     */
100     function ensure_writable_dir($dir) {
101         if(!file_exists($dir)) {
102             mkdir($dir, 0766, true);
103             @chmod($dir, 0766);
104             @chmod($dir, 0777);
105         }
106         else if(!is_writable($dir)) {
107             @chmod($dir, 0766);
108             @chmod($dir, 0777);
109             if([email protected]is_writable($dir)) {
110                 throw new BusinessLogicException("目錄不可寫", $dir);
111             }
112         }
113     }
114     generateIcon_mobile();
115 ?>
116 
117 <!DOCTYPE html>
118 <html>
119 <head>
120     <title></title>
121 </head>
122 <body>
123 <br>
124 <br>
125 <br>
126 
127 <div>我們直接引入所生成的js檔案，測試一下是否成功</div>
128 <br>
129 <div>直接在img標籤里加入 icon-data = '圖示檔名'  例如  <\img icon-data="tryit">,檢視效果</div>
130 <br>
131 <br>
132 <br>
133     <img icon-data="tryit">
134     <script src="js/mobile/icon_pink.js"></script>
135     <script src="js/mobile/jquery.all.min.js"></script>
136     <script src="js/mobile/attrHandle.js"></script>
137 </body>
138 </html>