PHP实现本地图片转base64格式并上传

 更新时间:2020年05月29日 09:21:36   作者:javascript痴痴  
这篇文章主要介绍了PHP实现本地图片转base64格式并上传,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

我们在开发系统时,处理图片上传是不可避免的,例如使用thinkphp的肯定很熟悉import("@.ORG.UploadFile");的上传方式,今天我们来讲一个使用html5 base64上传图片的方法。

主要是用到html5 FileReader的接口,既然是html5的,所支持的浏览器我就不多说啦

可以大概的讲一下思路,其实也挺简单。选择了图片之后,js会先把已选的图片转化为base64格式,然后通过ajax上传到服务器端,服务器端再转化为图片,进行储存的一个过程。

咱们先看看前端的代码。

html部分

<input type="file" id="imagesfile">

js部分

$("#imagesfile").change(function (){
          
   var file = this.files[0];
   
   //用size属性判断文件大小不能超过5M ,前端直接判断的好处,免去服务器的压力。
   if( file.size > 5*1024*1024 ){ 
        alert( "你上传的文件太大了!" ) 
   }
   
   //好东西来了
   var reader=new FileReader();
    reader.onload = function(){
      
      // 通过 reader.result 来访问生成的 base64 DataURL
      var base64 = reader.result;
      
      //打印到控制台,按F12查看
      console.log(base64);
      
      //上传图片
      base64_uploading(base64);
      
    }
     reader.readAsDataURL(file);
        
});

//AJAX上传base64
function base64_uploading(base64Data){
  $.ajax({
     type: 'POST',
     url: "上传接口路径",
     data: { 
      'base64': base64Data
     },
     dataType: 'json',
     timeout: 50000,
     success: function(data){
        
        console.log(data);
        
     },
     complete:function() {},
     error: function(xhr, type){
         alert('上传超时啦,再试试');
         
     }
   });
}

其实前端的代码也并不复杂,主要是使用了new FileReader();的接口来转化图片,new FileReader();还有其他的接口,想了解更多的接口使用的童鞋,自行谷歌搜索new FileReader();。

接下来,那就是服务器端的代码了,上面的demo,是用thinkphp为框架编写的,但其他框架也基本通用的。

  function base64imgsave($img){
    
    //文件夹日期
    $ymd = date("Ymd");
    
     //图片路径地址  
    $basedir = 'upload/base64/'.$ymd.'';
    $fullpath = $basedir;
    if(!is_dir($fullpath)){
      mkdir($fullpath,0777,true);
    }
    $types = empty($types)? array('jpg', 'gif', 'png', 'jpeg'):$types;
    
    $img = str_replace(array('_','-'), array('/','+'), $img);
    
    $b64img = substr($img, 0,100);
    
    if(preg_match('/^(data:\s*image\/(\w+);base64,)/', $b64img, $matches)){
      
    $type = $matches[2];
    if(!in_array($type, $types)){
      return array('status'=>1,'info'=>'图片格式不正确,只支持 jpg、gif、png、jpeg哦!','url'=>'');
    }
    $img = str_replace($matches[1], '', $img);
    $img = base64_decode($img);
    $photo = '/'.md5(date('YmdHis').rand(1000, 9999)).'.'.$type;
    file_put_contents($fullpath.$photo, $img);
      
      $ary['status'] = 1;
      $ary['info'] = '保存图片成功';
      $ary['url'] = $basedir.$photo;
      
      return $ary;
    
    }
    
      $ary['status'] = 0;
      $ary['info'] = '请选择要上传的图片';
      
      return $ary;
  }

以上就是PHP代码,原理也很简单,拿到接口上传的base64,然后再转为图片再储存。

使用的是thinkphp 3.2,无需数据库,PHP环境直接运行即可。

php目录路径为:

‪Application\Home\Controller\Base64Controller.class.php

html目录路径为:

Application\Home\View\Base64\imagesupload.html

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

相关文章

  • PHP使用自定义key实现对数据加密解密的方法

    PHP使用自定义key实现对数据加密解密的方法

    这篇文章主要介绍了PHP使用自定义key实现对数据加密解密的方法,涉及php针对字符串的转换、截取等操作实现加密解密功能的相关技巧,需要的朋友可以参考下
    2017-12-12
  • 24条货真价实的PHP代码优化技巧

    24条货真价实的PHP代码优化技巧

    这篇文章主要为大家分享了24条货真价实的PHP代码优化技巧,帮助大家更好的进行PHP项目开发,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • PHP的引用详解

    PHP的引用详解

    本文这里向大家全面展示了PHP的引用,十分的详细,搭配示例,是篇非常不错的文章,推荐给有需要的小伙伴们参考下。
    2015-02-02
  • 浅谈php扩展imagick

    浅谈php扩展imagick

    imagick是一个可以供PHP调用ImageMagick功能的PHP扩展。使用这个扩展可以使PHP具备和ImageMagick相同的功能。
    2014-06-06
  • PHP设计模式 注册表模式(多个类的注册)

    PHP设计模式 注册表模式(多个类的注册)

    注册表模式其实是一个单例模式,注册表类提供静态方法(或单例对象的实例化方法)来让其它对象访问其中的数据(通常是对象)。整个系统中的每个对象都可以访问这些数据对象
    2012-02-02
  • 在windows服务器开启php的gd库phpinfo中未发现

    在windows服务器开启php的gd库phpinfo中未发现

    在windows服务器开启php的gd库时,使用cgi之后phpinfo()得到的结果中 Configure Command 中并没有出现gd,很是疑惑,于是搜集了一些,希望对你们有帮助,感兴趣的朋友可以了解下
    2013-01-01
  • 2010年最新PHP类的精髓归纳

    2010年最新PHP类的精髓归纳

    2010年最新PHP类的精髓归纳,需要的朋友可以参考下。
    2010-03-03
  • php常用日期时间函数实例小结

    php常用日期时间函数实例小结

    这篇文章主要介绍了php常用日期时间函数,结合实例形式总结分析了php日期时间相关的时间戳、格式化、时区获取与设置、时间戳转换与计算等相关操作技巧,需要的朋友可以参考下
    2019-07-07
  • PHP封装的page分页类定义与用法完整示例

    PHP封装的page分页类定义与用法完整示例

    这篇文章主要介绍了PHP封装的page分页类定义与用法,结合完整实例形式分析了php封装的page分页类具体定义、数据库连接、查询、样式及调用等相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • PHP IPV6正则表达式验证代码

    PHP IPV6正则表达式验证代码

    IPV6的时代快要到来了,发一个验证IPV6地址是否合法的正则。
    2010-02-02

最新评论