欢迎光临
我们一直在努力

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

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

本文操作环境: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 便宜美国vps (){               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();还有其他的接口,想了解

本文来源网站:info110.com,若侵权,请联系删除。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。