php如何实现图片转base64格式并上传

本文操作环境:windows10系统、PHP 7、thinkpad t480电脑。

在实际开发项目的过程中处理图片上传是一定会遇到的,例如使用thinkphp的小伙伴一定很熟悉import("@.ORG.UploadFile");的上传方式吧。今天我们就来讲一讲使用html base 64上传图片的方法,一起来看看吧。

主要是用到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

--结束END--

本文标题: php如何实现图片转base64格式并上传

本文链接: https://www.lsjlt.com/news/361.html (转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢

  • php如何实现图片转base64格式并上传

    php实现图片转base64格式并上传的方法:1、将图片转化为base64格式;2、通过ajax将图片上传到服务器端;3、在服务器端重新转化图片格式并进行储存即可。
    阅读数:656 php 图片 base64
  • php blob 怎么转base64

    php blob转base64的方法:1、打开相应的代码文件;2、修改PHP内容为“fetch("/path/to/server", {method: "POST"body: files[i]})...”即可。
    阅读数:858 php blob base64
  • php image怎么转base64

    php image转base64的方法:1、获取一个图片地址;2、通过“chunk_split(base64_encode($gambar));”方法将图片转换为base64字符串格式即可。
    阅读数:488 php image base64
  • php怎么实现base64加密

    在php中,可以使用base64_encode()函数实现base64加密,该函数可以对字符串数据进行base64编码,语法“base64_encode($data)”;加密成功则返回base64编码的字符串,失败则返回False。
    阅读数:117 php base64加密
  • php base64怎么转二进制流

    php base64转二进制流的方法:1、创建一个PHP示例文件;2、通过“function base64_to_blob($base64Str){...}”方法将base64字符串转成二进制流即可。
    阅读数:690 php base64 二进制流
  • php如何实现数组转object

    php实现数组转object的方法:【$array=array('xxx'=>'xxx'); $vl=json_encode($array); $ob=json_decode($vl); print_r($ob);】。
    阅读数:478 php 数组 object
  • php如何实现上传限制

    这篇文章主要为大家展示了“php如何实现上传限制”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“php如何实现上传限制”这篇文章吧。上传限制在这个脚本中,我们增加了对文件上传的限制。用户只能上传
    阅读数:918 php
  • base64decode php乱码怎么解决

    base64decode php乱码的解决办法:1、打开相应的PHP文件;2、修改内容为“$encodedData =str_replace(' ','+',$encodedData);$decocedData = base64_decode($encodedData);”即可。
    阅读数:440 乱码 php
  • php如何实现头像上传

    php实现头像上传的方法:【<?php if($_FILES["file"]["error"]){echo $_FILES["file"]["error"];}else{if(($_FILES["file"]["type"]=="...】。
    阅读数:701 php 头像
  • php 怎么实现时间戳转格式

    php实现时间戳转格式的方法:1、通过strtotime获取指定日期的unix时间戳;2、使用date函数将指定时间戳转换成系统时间格式即可。
    阅读数:802 php
  • PHP怎么将amr音频文件转换为mp3格式

    这篇文章主要介绍“PHP怎么将amr音频文件转换为mp3格式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“PHP怎么将amr音频文件转换为mp3格式”文章能帮助大家解决问题。说下整体思路1、服务器安
    阅读数:797 php amr mp3
  • php如何实现数组转url字符串

    php实现数组转url字符串的方法:【$queryStr = http_build_query($data);echo query_str;】。
    阅读数:450 php 数组 url 字符串
  • PHP将amr音频文件转换为mp3格式的操作细节

    说下整体思路1、服务器安装ffmpeg2、使用ffmpeg -i 指令来转换amr为mp3格式(这个到时候写在PHP代码中,使用exec函数执行即可)3
    阅读数:2 音频 amr php
  • php base64_decode()方法是干什么的

    在php中,base64_decode()方法的作用是对使用MIME base64编码的数据进行解码,并返回原始数据,语法“base64_decode($data,$strict)”。
    阅读数:405 php base64_decode()
  • PHP怎么处理bmp格式图片

    这篇文章主要介绍了PHP怎么处理bmp格式图片,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Array([0] => 494[1] => 260[2] =
    阅读数:723 php
  • PHP利用ueditor实现上传图片添加水印

    在上传图片时,有时需要添加水印。如果每个都用PS添加的话,会有些麻烦。本文将为大家介绍PHP如何利用ueditor实现上传图片添加水印,感兴趣的可以了解一下
  • php如何实现限时

    php实现限时的方法:1、通过“set_time_limit(0)”让程序无限制执行下去;2、通过ini_set设置内存限制;3、设置每隔半小时运行即可。
    阅读数:859 php
  • php如何实现翻转

    php实现翻转的方法:1、使用strrev()函数实现英文字符串翻转;2、通过自定义的selfStrrev方法实现中文字符串翻转。
    阅读数:261 php
  • PHP怎么处理bmp格式的图片

    这篇“PHP怎么处理bmp格式的图片”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“PHP怎么处理bmp格式的图片”文章吧。A
    阅读数:875 php
  • php怎么设置上传图片大小

    php设置上传图片大小的方法:1、打开“php.conf”文件;2、设置“ini_set('max_input_time','90');”;3、设置“ini_set('post_max_size', '12M');”等等。
    阅读数:802 php