如何用PHP将本地图片转换为base64编码并成功上传?
- 内容介绍
- 文章标签
- 相关推荐
本文共计745个文字,预计阅读时间需要3分钟。
在开发系统时,处理图片上传是必不可少的。例如,使用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分钟。
在开发系统时,处理图片上传是必不可少的。例如,使用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 ,前端直接判断的好处,免去服务器的压力。

