• 当前标签:new FileReader()

程序开发 JavaScript通过 new FileReader() 获取图片base64 无组件上传图片

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 码         // 下面逻辑处理     }; })  

2018-05-15 14:24:37 104 0 0
阅读详情
  • 1
前往