图片上传 预览 及 获取base64
来源:互联网 发布:中信淘宝网联名信用卡 编辑:程序博客网 时间:2024/04/29 15:08
<div class="row"> <div class="col-lg-1 form-group"> <button type="button" class="btn btn-default img_upload_btn">选择图片 </button> <input type="file" name="file" class="img_upload_file" multiple="multiple" style="display: none" /> <input type="hidden" name="img_upload_base" class="img_upload_base" /> </div> <div class="col-lg-2 form-group"> <label>图片预览</label> <img class="img_upload_show" /> </div> </div>
$(".img_upload_btn").click(function() { $(".img_upload_file").click(); }); $(".img_upload_file").change(function() { var file = this.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { $(".img_upload_show").attr("src", this.result); $(".img_upload_base").val(this.result); }; });
0 0
- 图片上传 预览 及 获取base64
- 图片上传转base64预览demo及个人解析
- 图片上传及预览
- FileReader 获取图片BASE64 代码 并预览
- 图片上传及预览插件
- 图片上传及预览效果
- mvc 上传图片及预览
- 图片上传预览及上传后台
- HTML5 MUI 手机预览图片,裁剪上传base64,保存数据库
- html5的FileReader实现图片上传预览并生成base64
- 原生上传file 预览图片转码base64
- 如何上传图片及预览图片
- js前端上传图片 预览获取
- js图片上传获取本地地址预览
- jsf上传图片之图片预览、图片存储、图片获取
- 图片转化为base64及上传
- jQuery实现图片转base64及上传
- JavaScript实现图片上传预览及进度条
- 支付系统的对账处理
- C Primer Plus学习 三十六 寄存器变量
- c语言基本类型和指针
- ace 打造后端管理框架 bootstrap mybaits spring
- 使用Android Studio2.2进行NDK编程在现有工程中添加JNI
- 图片上传 预览 及 获取base64
- 用Maven部署war包到远程Tomcat服务器
- 数据库-在线词典
- 区块链有哪些
- Oracle数据库(十)PLSQL
- 使用neo4j存储树形无限级菜单
- swift中UIButton的使用
- MAC下通过virtualbox安装windows的一些重要事项
- iOS调试之 crash log分析