PHP中data/base64資料流轉圖片檔案輸出例子

最後更新：2017-01-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

我們來看看data/base64是什麼吧

什麼是data:image/*;base64？

答：這是Data URI scheme。
還不懂？
Ps:Data URI scheme是在RFC2397中定義的，目的是將一些小的資料，直接嵌入到網頁中，從而不用再從外部檔案載入。
例如：
data:image/png;base64,　iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/　KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Acs6406KUgpt5/　LCKuVgz5BDCSb13ZO99ZOdcZGvt4mJjzMVKqcha68iIePB86GAiOv8CDADlIUQBs7MD3wAAAABJRU5ErkJggg%3D%3D。
將這些字元複製黏貼到Firefox的地址欄中並轉到，就能看到它了，一張1X36的白灰png圖片。

在上面的Data URI中，data表示取得資料的協定名稱，image/png 是資料類型名稱，base64 是資料的編碼方法，逗號後面就是這個image/png檔案base64編碼後的資料。

目前，Data URI scheme支援的類型有：

data:,文本資料
data:text/plain,文本資料
data:text/html,HTML代碼
data:text/html;base64,base64編碼的HTML代碼
data:text/css,CSS代碼
data:text/css;base64,base64編碼的CSS代碼
data:text/javascript,Javascript代碼
data:text/javascript;base64,base64編碼的Javascript代碼
data:image/gif;base64,base64編碼的gif圖片資料
data:image/png;base64,base64編碼的png圖片資料
data:image/jpeg;base64,base64編碼的jpeg圖片資料
data:image/x-icon;base64,base64編碼的icon圖片資料
base64簡單地說，它把一些 8-bit 資料翻譯成標準 ASCII 字元，網上有很多免費的base64 編碼和解碼的工具，在PHP中可以用函數base64_encode() 進行編碼，如
echo base64_encode(file_get_contents('emtalk.png'));

目前，IE8、Firfox、Chrome、Opera瀏覽器都支援這種小檔案嵌入。

寫個簡單的小函數：

<?php
header('Content-type:text/html;charset=utf-8');
function image_base64($image_file){
if(empty($image_file))return false;
$image_info = getimagesize($image_file);
$base64_image_content = "data:{$image_info['mime']};base64," . chunk_split(base64_encode(file_get_contents($image_file)));
return $base64_image_content;
}
?>
<html>
<head>
<title>逐風部落格-圖片編碼輸出測試</title>
</head>
<body>
<img id="img1" width='100' src="<?php echo image_base64('imgtest.jpg');?>"/>
</body>
</html>

並且掌握了PHP產生代碼，那麼今天逐風君再給小夥伴們帶來一個，把data:image/;base64資料流轉化回圖片檔案的處理方法(函數)：

/**
* 反編譯data/base64資料流並建立圖片檔案
* @author Lonny ciwdream@gmail.com
* @param string $baseData data/base64資料流
* @param string $Dir           存放圖片檔案目錄
* @param string $fileName   圖片檔案名稱(不含檔案尾碼)
* @return mixed 返回新建立檔案路徑或布爾類型
*/
function base64DecImg($baseData, $Dir, $fileName){
    // 前台訪問URL API
    $__URL__= 'http://emtalk.net/';
    // 伺服器根目錄絕對路徑擷取API
    $__root__=isset($_SERVER['DOCUMENT_ROOT'])?$_SERVER['DOCUMENT_ROOT']:(isset($_SERVER['APPL_PHYSICAL_PATH'])?trim($_SERVER['APPL_PHYSICAL_PATH'],"\\"):(isset($_['PATH_TRANSLATED'])?str_replace($_SERVER["PHP_SELF"]):str_replace(str_replace("/","\\",isset($_SERVER["PHP_SELF"])?$_SERVER["PHP_SELF"]:(isset($_SERVER["URL"])?$_SERVER["URL"]:$_SERVER["SCRIPT_NAME"])),"",isset($_SERVER["PATH_TRANSLATED"])?$_SERVER["PATH_TRANSLATED"]:$_SERVER["SCRIPT_FILENAME"])));
    // 上訴兩個變數，依據實際情況自行修改
    try{
        $expData = explode(';',$baseData);
        $postfix   = explode('/',$expData[0]);
        if( strstr($postfix[0],'image') ){
            $postfix   = $postfix[1] == 'jpeg' ? 'jpg' : $postfix[1];
            $storageDir = $Dir.DIRECTORY_SEPARATOR.$fileName.'.'.$postfix;
            $export = base64_decode(str_replace("{$expData[0]};base64,", '', $baseData));
            $returnDir = str_replace(str_replace('/','\\',$__root__),'',$storageDir);
            try{
                file_put_contents($storageDir, $export);
                return $__URL__.$returnDir;
            }catch(Exception $e){
                return false;
            }
        }
    }catch(Exception $e){
        return false;
    }
    return false;
}

代碼看懂沒？這隻是個簡單的小樣本，通過代碼最佳化、調整這個函數還可以實現data:image/;base64資料不同資料類型檔案的還原呦！

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More