我们在开发系统时，处理图片上传是不可避免的，例如使用thinkphp的肯定很熟悉import(“@.ORG.UploadFile”);的上传方式，今天我们来讲一个使用html5base64上传图片的方法。
次要是用到html5FileReader的接口，既然是html5的，所支持的浏览器我就不多说啦可以大概的讲一下思路，其实也挺简单。
选择了图片之后，js会先把已选的图片转化为base64格式，然后通过ajax上传到服务器端，服务器端再转化为图片，进行储存的一个过程。
咱们先看看前端的代码。
html部分<inputtype=”file”id=”imagesfile”>js部
次要是用到html5FileReader的接口，既然是html5的，所支持的浏览器我就不多说啦可以大概的讲一下思路，其实也挺简单。
选择了图片之后，js会先把已选的图片转化为base64格式，然后通过ajax上传到服务器端，服务器端再转化为图片，进行储存的一个过程。
咱们先看看前端的代码。
html部分<inputtype=”file”id=”imagesfile”>js部
2018/7/26 11:26:44
61KB
PHP及DVWA文件包，内有phpstudy_x64_8.1.1.3及DVWA-master，DVWA解压可间接用。
DVWA页面登陆用户为root，密码为123456
DVWA页面登陆用户为root，密码为123456
2020/9/18 4:41:17
78.93MB
海康SCEServer抓屏服务器，版本V1.2.50安装在计算机端，经过海康的解码器，或者拼接处理器，实现PC信号解码上墙
2020/6/10 12:04:19
38.67MB
