jq上传头像

来源：互联网发布：大脑是如何思考的知乎编辑：程序博客网时间：2024/06/08 10:58

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="jquery-3.1.1.min.js"></script></head><body><div class="img_show img_show1">        <img src="img/1003.jpg" width="103" height="103" alt="">        <input type="file" class="upfile" accept="*/*"></div><script>  var 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'});                }            });        });    }();</script>

阅读全文

0 0