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