上传过程:
1,使用input:type=file读取本地图片;
2,使用new FileReader(将)图片转化为base64位
3,使用ajax将图片上传服务器,后台反馈图片地址;
4,图片回显;
html
其中知识点:
1.input标签type为file的是读取本地文件
2.input中的accept属性:accept 属性只能与 配合使用。它规定能够通过文件上传进行提交的文件类型。在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像,例如:,如果不限制图像的格式,可以写为:accept=“image/*”。
<div id="imgt" style="float: left;position: relative;">
<img src="img/imgt.png" id="head">
<input type="file" accept="image/*" id="photo2" onchange="photo(2)">
</div>
js
其中知识点:
1.使用时选取本地文件之后,通过获取该input标签,然后找到它的file属性,会发现是一个数组,因为我们不一定只选择一个