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

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

超文本标记语言代码

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8'/title简单的html5文件测试对于pic2base64/title style/style脚本窗口。onload=function(){ var input=document。getelementbyid(' demo _ input ')；var结果=文档。getelementbyid(' result ')；var img _ area=文档。getelementbyid(' img _ area ')；if(类型为(FileReader)===' undefined '){ result。innerHTML='抱歉，你的浏览器不支持文件阅读器，请使用现代浏览器操作!'；input.setAttribute('disabled '，' disabled ')；} else { input。addeventlistener(' change '，readFile，false)；} }函数ReadFile(){ var file=this。文件[0]；//这里我们判断下类型如果不是图片就返回去掉就可以上传任意文件if(！/image\/\w /.test(file.type)){ alert('请确保文件为图像类型');返回false } var reader=new FileReader()；reader.readAsDataURL(文件);控制台。log()；读者。onload=function(e){ result。innerhtml=this。结果；img _ area。innerHTMl=' div class='网站提示'图片img标签展示：/div！[](“这个。结果”)；} }/script/head body form action=' file。PHP ' method=' post '输入类型=' file '值=' sdgsdg ' id=' demo _ input '/文本区域名称=' img ' id=' result ' row=30 cols=300/文本区域p id=' img _ area '/p输入类型=' submit '值='提交/form/body /htmlPHP功能块代码

？php/** * base64图片上传* @ param $ base64 _ img * @ return array */$ base64 _ img=trim($ _ POST[' img '])；$up_dir=' ./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。日期(' YmdHis _ ').'.'。$ typeif(file _ put _ contents($ new _ file，base64 _ decode(str _ replace($ result[1]，''，$ base64 _ img)){ $ img _ path=str _ replace('././.'，''，$ new _ file)；"回声"图片上传成功/br！[](' .$img_path.”)';}else{ echo '图片上传失败/br '；} }else{ //文件类型错误"回声"图片上传类型错误；}}else{ //文件错误"回声"文件错误；}实例效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。