文件上传框的自定义
来源:互联网 发布:json软件 编辑:程序博客网 时间:2024/05/20 06:56
<input style="display: none;" id="photo" type="file" name="photo" accept="image/*" /><p style="font-size: 40px;" onclick="selectPhoto()">拍照</p><img id="photoimg"/>
$(function(){$("#photo").change(function(e){var file = e.target.files[0]||e.dataTransfer.files[0]; if(file){ var reader = new FileReader(); reader.onload=function(){ $("#photoimg").attr("src",this.result); } reader.readAsDataURL(file); }});});function selectPhoto(){$("#photo").click();}
如此一来,可以通过点击p标签来选取文件了,可以把p标签自定义成其他样式
0 0
- 文件上传框的自定义
- 自定义上传文件的样式
- 如何自定义上传文件的大小限制
- asp自定义fckeditor上传文件的文件名
- 一定范围内自定义上传文件的个数
- 自定义上传文件路径的处理方案
- TP上传文件的自定义名称
- Lua的文件操作自定义上传头像
- 将自定义文件上传按钮的样式
- html的自定义文件上传控件
- 文件上传自定义样式
- 自定义文件上传按钮
- html5 自定义文件上传
- html5 自定义文件上传
- Angular 文件上传自定义
- 将文件上传按钮透明,并覆盖到自定义上传文件按钮上去的方法
- 使用css3的content属性自定义上传文件样式
- JSF自定义文件上传组件
- 让图片有不规则的轮廓
- Zookeeper实现集群和负载均衡---(2)方案改造
- Shell重定向和包含外部脚本
- ORA-01157 rac挂了
- Windows_杀死占用某个端口的进程
- 文件上传框的自定义
- c++类的隐式转换与强制转换重载详解
- cvAdd,cvAddS,cvAddweighted 图像融合
- 非阻塞connect 编写方法
- ZOJ 3705 10th 省赛 A Applications【模拟】
- pp看书笔记---C#高级编程第九版 第九章 【字符串和正则表达式】
- 面向对象葵花宝典:思想、技巧与实践(9) - “抽象类” 详解
- 堆和栈的区别
- 在VM中安装Centos