jQuery点击头像上传头像图片并预览图片
来源:互联网 发布:淘宝售假怎么申诉 编辑:程序博客网 时间:2024/05/16 07:35
HTML代码
<div class="img_show img_show1">
<img src="img2/img06.jpg" width="103" height="103" alt="">
<input type="file" class="upfile" accept="*/*">
</div>
jQuery代码
DS.upfile = function(){
$('.img_show').each(function(){
var $this = $(this),
btn = $this.find('.upfile'),
img = $this.find('img');
btn.on('change',function(){
var file = $(this)[0].files[0],
imgSrc = $(this)[0].value,
url = URL.createObjectURL(file);
if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)){
alert("请上传jpg或png格式的图片!");
return false;
}else{
img.attr('src',url);
img.css({'opacity':'1'});
}
});
});
}();
- jQuery点击头像上传头像图片并预览图片
- 基于jQuery和cropper点击头像上传并预览裁剪图片
- 上传头像或单张图片并预览
- jquery上传图片并预览
- 头像预览并上传
- jquery 上传头像预览
- 头像截取上传并预览
- jquery 预览并自增 上传图片
- thinkphp上传图片并jquery预览
- 图片上传并预览
- 上传图片并预览
- 图片上传并预览
- 图片上传并预览
- 图片上传并预览
- Jquery 上传图片预览
- 使用js和jquery实现点击图片上传及预览
- springmvc+ajaxfileupload实现头像上传并预览
- 实时预览上传图片(QQ上传头像前的预览)
- 说说IO(四)- 文件系统
- CS1612号错误是什么
- 蓝桥杯 翻硬币
- 随机一个字符
- bzoj 1443: [JSOI2009]游戏Game 二分图博弈
- jQuery点击头像上传头像图片并预览图片
- 说说IO(五)- 逻辑卷管理
- Directshow 如何控制音视频的回放
- Java中的ReentrantLock和synchronized两种锁定机制的对比
- HTML+CSS应用问题笔记
- javaweb网站下载文件中文文件名乱码解决方法
- 对象的复制(详细看代码)
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
- 设置npm