2017-03-07
在開發中，自己遇到一個前端在上傳圖片的時候，使用的base64數據流文件顯示的圖片。
也就是說
<img src="data:image/jpg;base64," />
***image/后面的jpg是我們的圖片文件格式，(base64,)后面的很大一長串就是具體的文件信息。
data:image/jpg;base64則是指的文件頭。我們可以把src里面的全部內容放在瀏覽器的地址欄進
行訪問，是可以正常顯示圖片文件的。
我將src的值獲取到后台之后，在后台進行處理。這里的方法就不具體細講了。
// $base_img是獲取到前端傳遞的src里面的值，也就是我們的數據流文件
$base_img = str_replace('data:image/jpg;base64,', '', $base_img);
// 設置文件路徑和文件前綴名稱
$path = "./";
$prefix='nx_';
$output_file = $prefix.time().rand(100,999).'.jpg';
$path = $path.$output_file;
// 創建將數據流文件寫入我們創建的文件內容中
$ifp = fopen( $path, "wb" );
fwrite( $ifp, base64_decode( $base_img) );
fclose( $ifp );
// 第二種方式
// file_put_contents($path, base64_decode($base_img));
// 輸出文件
print_r($output_file);
在線轉換工具鏈接:http://tool.css-js.com/base64.html
本文內容來自微信公眾號：小7帶你玩編程