上传图片实现预览
来源:互联网 发布:淘宝750海报 编辑:程序博客网 时间:2024/05/16 01:52
浏览器必须支持FileReader,先判断是否支持。
监听type属性等于file的input的change(值改变)事件。使用FileReader读取,讲读取到的内容给img的src.
本案例中的$("#check"),为图片的隐藏域。
if(typeof FileReader =='undefined'){
return ;
} /*判断浏览器是否支持FileReader*/
$("input[name='file']").change(function(e){
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = function(e){
$("#check").attr({'src':e.target.result});
$("#check").show();
}
reader.readAsDataURL(file);
});
0 0
- 实现图片上传预览
- 上传图片实现预览
- 上传图片,实现图片预览
- 上传图片实现图片预览
- JavaScrip实现上传图片预览
- js实现图片上传预览
- 图片上传前预览实现
- js实现图片上传预览
- js实现图片上传预览
- js实现图片上传预览
- jQuery 实现 图片上传预览
- 图片上传预览功能实现
- JSP实现上传图片预览
- input 上传图片预览实现
- js上传图片预览实现
- js实现图片上传预览
- jquery 实现 图片上传 预览
- js实现图片上传预览
- Ubuntu建立和删除用户
- 【C++】【STL】STL中部分数据结构的通俗化解释
- Golang 反射
- 数字转汉字
- Firefox浏览器中,input输入框输入的内容在刷新网页后为何还在?
- 上传图片实现预览
- 优化Bitmap图片
- linux导入数据到mysq中
- 关于java.lang.IncompatibleClassChangeError: Implementing class错误解决
- 汽车零件分类编码表
- addValue:forHTTPHeaderField: http头的组成
- 测透51汇编 51单片机串口模块程序
- ps命令查看进程启动时加的参数
- 2015年ACM训练二分图(2):Machine Schedule