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


Posted in PHP onFebruary 22, 2017

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

html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>简单的html5 File测试 for pic2base64</title> 
<style> 
</style> 
<script> 
  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 = '<div class="sitetip">图片img标签展示:</div>![]('+this.result+')'; 
    }
  } 
</script> 
</head>

<body> 
  <form action="file.php" method="post">
  <input type="file" value="sdgsdg" id="demo_input" /> 
  <textarea name="img" id="result" rows=30 cols=300></textarea> 
  <p id="img_area"></p> 
  <input type="submit" value="提交">
</form>
</body> 
</html>

PHP功能块代码

<?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 '图片上传成功</br>![](' .$img_path. ')';
    }else{
          echo '图片上传失败</br>';

    }
  }else{
    //文件类型错误
  echo '图片上传类型错误';
  }

}else{
  //文件错误
  echo '文件错误';
}

实例效果如下:

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php,ajax实现分页
Mar 27 PHP
关于页面优化和伪静态
Oct 11 PHP
《PHP编程最快明白》第七讲:php图片验证码与缩略图
Nov 01 PHP
php页面消耗内存过大的处理办法
Mar 18 PHP
php解压文件代码实现php在线解压
Feb 13 PHP
php实例分享之通过递归实现删除目录下的所有文件详解
May 15 PHP
php常用数学函数汇总
Nov 21 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
Sep 22 PHP
Symfony2开发之控制器用法实例分析
Feb 05 PHP
PHP中include/require/include_once/require_once使用心得
Aug 28 PHP
Netbeans 8.2与PHP相关的新特性介绍
Oct 08 PHP
PHP实现的常规正则验证helper公共类完整实例
Apr 27 PHP
php中实现字符串翻转的方法
Feb 22 #PHP
php生成图片缩略图功能示例
Feb 22 #PHP
php图形jpgraph操作实例分析
Feb 22 #PHP
关于php几种字符串连接的效率比较(详解)
Feb 22 #PHP
php可变长参数处理函数详解
Feb 22 #PHP
php操作access数据库的方法详解
Feb 22 #PHP
Smarty3配置及入门语法
Feb 22 #PHP
You might like
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
Javascript的匿名函数小结
2009/12/31 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
JavaScript SHA512&amp;SHA256加密算法详解
2015/08/11 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
JavaScript实现的经典文件树菜单效果
2015/09/08 Javascript
jQuery数组处理函数整理
2016/08/03 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
Javascript 实现全屏滚动实例代码
2016/12/31 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
Vuejs实现购物车功能
2017/11/05 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
2019/02/08 Javascript
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
在Python中使用第三方模块的教程
2015/04/27 Python
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
python的多重继承的理解
2017/08/06 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
python队列queue模块详解
2018/04/27 Python
windows下cx_Freeze生成Python可执行程序的详细步骤
2018/10/09 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Python模块、包(Package)概念与用法分析
2019/05/31 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
浅析python函数式编程
2020/09/26 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
教师现实表现材料
2014/02/14 职场文书
文秘档案管理岗位职责
2014/03/06 职场文书
关于保护环境的建议书
2014/05/13 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python