input标签file文件上传图片,获取base64
2017-04-24 18:17
567 查看
<input type="file" name="img-up" id="img-up" value="" />
$("#img-up").on("change",function () { if(this.files[0]){ getImgBase64Data(this.files[0], function (result) { console.log(result); }); } }); function getImgBase64Data(file, callback) { var reader = new FileReader(); reader.onload = function (e) { callback(e.target.result); }; reader.readAsDataURL(file); // 读取完后会调用onload方法 }
相关文章推荐
- 添加图片如何点击a标签, 弹出input file 上传文件对话框
- [置顶]关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- 关于使用input type=file 标签上传文件的注意细节(上传文件 无法获取文件 问题)
- 通过input 的file 控件,上传图片,如何获取文件的大小问题
- 将input type="file" 类型的图片文件转成base64
- html,图片上传预览,input file获取文件等相关操作
- Jq_input file标签上传图片到服务器
- java /Spring /jsp 使用input标签 file 如何上传多个文件
- 关于input设置成file类型上传文件后台获取不到
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam
- input type="file" 上传文件,若是flv格式,则截取保存一张图片asp.net
- input标签file类型,选择多个文件进行上传
- 多文件上传(input标签file)
- 微博图片放大效果[artZoom]和input file多文件上传
- input标签file类型,选择多个文件进行上传
- 如何点击a标签, 弹出input file 上传文件对话框
- jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"
- html input file标签的上传文件 注意点
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传