php base64 图片上传,phpbase64 上传图片

[php]代码库php实现base64图片上传方式实例代码

本篇文章主要介绍了php实现base64图片上传方式实例代码,这里整理了详细的代码,具有一定的参考价值，有需要的小伙伴可以参考下。

.

.

本例子中没有采用File Post上传文件方式！原理一样，为了更加的理解base64 选择将其输出在文本域中，并提交至服务器！运用到项目中建议采用提交File方式。

html代码

简单的html5 File测试 for pic2base64

window.onload = function(){

var input = document.getElementById("demo_input");

var result= document.getElementById("result");

var img_area = document.getElementById("img_area");

if ( typeof(FileReader) === 'undefined' ){

result.innerHTML = "抱歉，你的浏览器不支持 FileReader，请使用现代浏览器操作！";

input.setAttribute('disabled','disabled');

}else{

input.addEventListener('change',readFile,false);

}

}

function readFile(){

var file = this.files[0];

//这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件

if(!/image\/\w+/.test(file.type)){

alert("请确保文件为图像类型");

return false;

}

var reader = new FileReader();

reader.readAsDataURL(file);

console.log();

reader.onload = function(e){

result.innerHTML = this.result;

img_area.innerHTML = '

图片img标签展示：

';

}

}

PHP功能块代码

/**

* base64图片上传

* @param $base64_img

* @return array

*/

$base64_img = trim($_POST['img']);

$up_dir = './upload/';//存放在当前目录的upload文件夹下

if(!file_exists($up_dir)){

mkdir($up_dir,0777);

}

if(preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64_img, $result)){

$type = $result[2];

if(in_array($type,array('pjpeg','jpeg','jpg','gif','bmp','png'))){

$new_file = $up_dir.date('YmdHis_').'.'.$type;

if(file_put_contents($new_file, base64_decode(str_replace($result[1], '', $base64_img)))){

$img_path = str_replace('../../..', '', $new_file);

echo '图片上传成功';

}else{

echo '图片上传失败';

}

}else{

//文件类型错误

echo '图片上传类型错误';

}

}else{

//文件错误

echo '文件错误';

}

实例效果如下：