大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
创新互联建站是专业的和林格尔网站建设公司,和林格尔接单;提供成都做网站、网站设计、外贸营销网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行和林格尔网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
这里可以看到有头像按钮,
上传默认图片到指定文件夹,然后把img标签的src指定到这里就可以,
默认添加了<input type="file">
后会在图片下面显示上传文件夹的选项,这个和我们当初想的不一样,我们可以通过把input标签和img标签重叠到一起,然后让input标签隐藏起来,这样出来的效果就是点击图片就可以点到input文件这个属性了
f1 属性为: .f1{
position: absolute;width: 80px;height: 80px;top: 0;left: 0;opacity: 0
}
鼠标放到图像上面会显示让上传文件
实现这个功能可以有三种方式:
登陆页
如果想要兼容的话,就对上面的方法做一个判断
function bindAvatar(){
if(window.URL.createObjectURL){
bindAvatar2();
}else if(window.FileReader){
bindAvatar3()
}else{
bindAvatar1();
}
}