原理:設定apache rewrite ,當圖片不存在時,調用php建立圖片。
例如
原圖路徑為:http://localhost/upload/news/2013/07/21/1.jpg
縮圖路徑為:http://localhost/supload/news/2013/07/21/1.jpg
當訪問 http://localhost/supload/news/2013/07/21/1.jpg 時,如圖片存在,則顯示圖片。否則,調用createthumb.php產生圖片。
目錄結構如下:
www/PicThumb.class.php
www/ThumbConfig.php
www/upload/news/2013/07/21/1.jpg
www/upload/article/2013/07/21/2.jpg
www/supload/.htaccess
www/supload/watermark.png
www/supload/createthumb.php
http://localhost/ 指向 www目錄
PicThumb.class.php 用法請查看這裡
需要開啟apache rewrite
sudo a2enmod rewrite
.htaccess
<IfModule mod_rewrite.c>RewriteEngine On# '-s' (is regular file, with size)# '-l' (is symbolic link)# '-d' (is directory)# 'ornext|OR' (or next condition)# 'nocase|NC' (no case)# 'last|L' (last rule)RewriteCond %{REQUEST_FILENAME} -s [OR]RewriteCond %{REQUEST_FILENAME} -l [OR]RewriteCond %{REQUEST_FILENAME} -dRewriteRule ^.*$ - [NC,L]RewriteRule ^.*$ createthumb.php?path=%{REQUEST_URI} [NC,L]</IfModule>
createthumb.php
<?phpdefine('WWW_PATH', dirname(dirname(__FILE__))); // 網站www目錄require(WWW_PATH.'/PicThumb.class.php'); // include PicThumb.class.phprequire(WWW_PATH.'/ThumbConfig.php'); // include ThumbConfig.php$logfile = WWW_PATH.'/createthumb.log'; // 記錄檔$source_path = WWW_PATH.'/upload/'; // 原路徑$dest_path = WWW_PATH.'/supload/'; // 目標路徑$path = isset($_GET['path'])? $_GET['path'] : ''; // 訪問的圖片URL// 檢查pathif(!$path){ exit();}// 擷取圖片URI$relative_url = str_replace($dest_path, '', WWW_PATH.$path);// 擷取type$type = substr($relative_url, 0, strpos($relative_url, '/'));// 擷取config$config = isset($thumb_config[$type])? $thumb_config[$type] : '';// 檢查configif(!$config || !isset($config['fromdir'])){ exit();}// 原圖檔案$source = str_replace('/'.$type.'/', '/'.$config['fromdir'].'/', $source_path.$relative_url);// 目標檔案 $dest = $dest_path.$relative_url;// 建立縮圖$obj = new PicThumb($logfile);$obj->set_config($config);if($obj->create_thumb($source, $dest)){ ob_clean(); header('content-type:'.mime_content_type($dest)); exit(file_get_contents($dest));}?>
ThumbConfig.php
<?php$thumb_config = array( 'news' => array( 'fromdir' => 'news', // 來源目錄 'type' => 'fit', 'width' => 100, 'height' => 100, 'bgcolor' => '#FF0000' ), 'news_1' => array( 'fromdir' => 'news', 'type' => 'fit', 'width' => 200, 'height' => 200, 'bgcolor' => '#FFFF00' ), 'article' => array( 'fromdir' => 'article', 'type' => 'crop', 'width' => 250, 'height' => 250, 'watermark' => WWW_PATH.'/supload/watermark.png' ));?>
訪問這三個路徑後會按config自動產生縮圖http://localhost/supload/news/2013/07/21/1.jpghttp://localhost/supload/news_1/2013/07/21/1.jpghttp://localhost/supload/article/2013/07/21/2.jpg
源碼下載地址:點擊下載