php上传头像图片代码,jQuery点击头像预览图片并上传的代码

jQuery点击头像上传并预览图片

先给大家展示下效果图：

HTML代码

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点击头像上传并预览图片，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持！

以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。