还不知道前端怎么实现上传修改头像

/**
         * 修改头像
         */
        (function () {
            //选择照片
            $(".PersonalResumeEdit #changeBtn").click(function () {
                $(".PersonalResumeEdit #userLogo").click();
            });

            //图片预览
            $(".PersonalResumeEdit #userLogo").change(function () {
                if (!(window.File || window.FileReader || window.FileList || window.Blob)) {
                    alert('请更换浏览器!');
                } else {
                    var img = $(this).prop('files');
                    if (img[0].size > 500000) {
                        alert("照片不允许超过500k");
                        $(this).val("");
                    } else {
                        var reader = new FileReader();
                        reader.readAsDataURL(img[0]);
                        reader.onload = function (evt) {
                            var evt = evt || event;
                            var imgSrc = evt.target.result;
                            $(".userlogo_box .userlog").css({ "background-image": "url(" + imgSrc + ")" })
                        }
                    }

                }

            });
        })();

 

上一篇:原生js实现在表格用鼠标框选并有反选功能


下一篇:JS---案例:图片跟着鼠标飞的最终版本