如何用PHP将本地图片转换为base64编码并成功上传?

更新于
2026-07-26 11:43:02
19阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计745个文字,预计阅读时间需要3分钟。

如何用PHP将本地图片转换为base64编码并成功上传?

在开发系统时,处理图片上传是必不可少的。例如,使用ThinkPHP的affix.php上传方式非常简便。今天,我们来介绍一种使用HTML5+Base64上传图片的方法。这种方法主要适用于HTML5+File API。

我们在开发系统时,处理图片上传是不可避免的,例如使用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 ,前端直接判断的好处,免去服务器的压力。

阅读全文

本文共计745个文字,预计阅读时间需要3分钟。

如何用PHP将本地图片转换为base64编码并成功上传?

在开发系统时,处理图片上传是必不可少的。例如,使用ThinkPHP的affix.php上传方式非常简便。今天,我们来介绍一种使用HTML5+Base64上传图片的方法。这种方法主要适用于HTML5+File API。

我们在开发系统时,处理图片上传是不可避免的,例如使用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 ,前端直接判断的好处,免去服务器的压力。

阅读全文