Django之处理选择预览图片
来源:互联网 发布:mac怎么设置无线鼠标 编辑:程序博客网 时间:2024/06/05 15:57
代码实现:
.user_avatar_file { position: absolute; top: 0; left: 0; opacity: 0; margin-left: 15px; } .user_avatar_thumbnail { position: relative; }
<div class="form-group"> <label for="user_avatar" class="col-md-3 control-label">头像</label> <div class="col-sm-offset-3 col-md-9"> <img src="/static/images/beauty.jpg" alt="" id="user_avatar_thumbnail" style="width:100px;height:60px" class="user_avatar_thumbnail"> <input type="file" class="user_avatar_file" id="user_avatar_file" style="height: 60px;width: 100px"> </div> </div>
//处理缩略图保存 $('#user_avatar_file').change(function () { var file = this.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function () { $('#user_avatar_thumbnail')[0].src = this.result } });
阅读全文
0 0
- Django之处理选择预览图片
- 仿微信多图片选择、预览、手势处理
- input选择图片 预览图片
- html5 上传 图片 预览 选择
- file 选择图片后预览
- 【技巧】input选择图片预览
- 微信小程序选择图片和预览图片
- 微信小程序选择图片和预览图片
- 图片预览之客户端
- 【选择图片Jar】预览图片模块之M与C的实现(九)
- 浏览器处理预览图片方法
- FileUpload控件--选择图片后生成预览
- FileUpload控件--选择图片后生成预览
- 支持图片预览的文件选择对话框
- js 选择预览图片,并上传
- html选择本地图片即时预览
- 微信jsapi开发教程之微信jsapi选择图片,上传图片,预览和下载图片(第六课)
- 微信jsapi开发教程之微信jsapi选择图片,上传图片,预览和下载图片(第六课)
- (function($){...})(jQuery)使用
- python3 urllib.request 网络请求操作
- jQuery基本用法二
- scikit-learn 中文文档-线性和二次判别分析-监督学习|ApacheCN
- Tr A
- Django之处理选择预览图片
- python的文件的实际使用小程序
- JS的基础知识
- Kafka集群部署与shell命令行操作
- 7-2 两个有序链表序列的交集(20 分)
- 综合练习之--1、复用布局页面显示XLV 和 侧滑 vp效果
- 简单理解LDAP认证
- ubuntu16.04下caffe的配置方法
- Redis持久化整理