# base64图片流
PHP对Base64的支持非常好,有内置的base64\_encode与base64\_decode负责图片的Base64编码与解码。
编码上,只要将图片流读取到,而后使用base64\_encode进行进行编码即可得到。
而图片编码成base64字符串后,编码内会加入这些字符 data:image/png;base64,本来是用于base64进行识别的。但是如果直接放到php里用base64\_decode函数解码会导致最终保存的图片文件格式损坏,而解决方法就是先去掉这一串字符:
~~~
$base64_string= explode(',', $base64_string); //截取data:image/png;base64, 这个逗号后的字符
$data= base64_decode($base64_string[1]); //对截取后的字符使用base64_decode进行解码
file_put_contents($url, $data); //写入文件并保存
~~~
### **项目应用实例**
~~~
/**
* 构造函数定义子目录和获取配置文件中定义的上传路径
* */
public function __construct()
{
$this->base_upload_url = $this->getAmazonImageUploadPath();//获取配置文件中定义的路径
$this->image_path = '/sku_images';
}
/**
* 批量上传,返回上传路径
* @param $sku_id 子目录
* @param $thumbs base64图像文件
* @param $imageIsFile 是否是图像文件
* @throws
* */
public function batchUploadFile($sku_id,$thumbs,$imageIsFile = false)
{
$pathName = $this->image_path.'/'.$sku_id;
$result = [];
$images = json_decode($thumbs);
if(!empty($images)){
foreach ($images as $img){
$file_name = 'sku'.'-'.time().rand(10000,99999);
$path = yield $this->uploadFile($img->data,$pathName,$file_name,$imageIsFile);
$result[] ="/publish/amazon/match?path=". $path;
}
}
return $result;
}
~~~
~~~
/**
* 上传文件
* @param $baseData string
* @param $pathName string
* @param $fileName string
* @return string
*/
public function uploadFile($baseData, $pathName,$fileName, $isFile = false)
{
if(!$baseData){
throw new ExceptionFail('未检测到文件');
}
$url = $this->base_upload_url . $pathName ;
$this->mkdir($url);
try {
$fileName = strval($fileName).'.jpg';
if(!$isFile){
$start = strpos($baseData, ',');
$content = substr($baseData, $start+1);
$baseData = base64_decode(str_replace(" ", "+", $content));//base64解码
file_put_contents($url.'/'.$fileName, $baseData);
return $pathName.'/'.$fileName;
}else{
return $baseData;
}
} catch (\Exception $e) {
throw new ExceptionError($e->getMessage());
}
}
~~~
### **运行:**
参数说明:图片上传时,需要在前端转成base64格式的图片流。
![](https://box.kancloud.cn/857775737f3a5b703ec8e2e930f6a319_1063x421.png)
这是本例中测试用的base64图片流:
```
{"data":"data:image/jpeg;base64,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"}
```