如何将本地图片转换为base64格式并上传到服务器？
- 内容介绍
- 文章标签
- 相关推荐
本文共计757个文字，预计阅读时间需要4分钟。
在开发系统时，处理图片上传是不可避免的。例如，使用ThinkPHP的便捷import语句：`import('Org.UploadFile');`是一种常见的上传方式。今天，我们来探讨一种使用HTML5和Base64上传图片的方法。这种方法主要适用于HTML5 File API。
我们在开发系统时，处理图片上传是不可避免的，例如使用thinkphp的肯定很熟悉import("@.ORG.UploadFile");的上传方式，今天我们来讲一个使用html5 base64上传图片的方法。
主要是用到html5 FileReader的接口，既然是html5的，所支持的浏览器我就不多说啦
可以大概的讲一下思路，其实也挺简单。选择了图片之后，js会先把已选的图片转化为base64格式，然后通过ajax上传到服务器端，服务器端再转化为图片，进行储存的一个过程。
咱们先看看前端的代码。
本文共计757个文字，预计阅读时间需要4分钟。
在开发系统时，处理图片上传是不可避免的。例如，使用ThinkPHP的便捷import语句：`import('Org.UploadFile');`是一种常见的上传方式。今天，我们来探讨一种使用HTML5和Base64上传图片的方法。这种方法主要适用于HTML5 File API。
我们在开发系统时，处理图片上传是不可避免的，例如使用thinkphp的肯定很熟悉import("@.ORG.UploadFile");的上传方式，今天我们来讲一个使用html5 base64上传图片的方法。
主要是用到html5 FileReader的接口，既然是html5的，所支持的浏览器我就不多说啦
可以大概的讲一下思路，其实也挺简单。选择了图片之后，js会先把已选的图片转化为base64格式，然后通过ajax上传到服务器端，服务器端再转化为图片，进行储存的一个过程。
咱们先看看前端的代码。