jQuery无组件上传图片
首先得有个form （可以不用form），再来个input：
1. <form id="upImg">
2. <label for="addImg">
3. <i class="iconfont icon-add"></i>
4. <input type="file" name="pic" id="addImg" accept="image/*" src="submit.gif" alt="Submit" />
5. </label>
6. </form>
再来看看 js：
1. // 上传图片
2. $('#upImg').change(function (e) {
3. let file = e.target.files[0]; // 获取图片信息 可以从中获取图片大小
4. console.log(file)
5.
6. let reader = new FileReader();
7. reader.readAsDataURL(file); // 读出 base64
8. reader.onloadend = function() {
9. // 图片的 base64 格式, 可以直接当成 img 的 src 属性值
10. let dataURL = reader.result; // dataURL 为图片 base64 码
11. // 下面逻辑处理
12.
13. };
14. })