围观 > 评审视频
推荐视频
跑个腿 帮跑腿信用保证模块前端页面评审 04-01(第3期)
一招改变input原生样式?
2,097人观看 25 0

评审内容

本期主要讲解了公共样式地提取和使用FileReader实现图片上传预览功能

优点

1.提取了公共的样式,避免了css的重复

2.页面还原度高

3.成功改变了input框的原生样式

缺点

1.没有实现图片上传预览功能

2.img标签没有添加alt属性

建议

1.公共样式的复用能优化我们的页面性能

2.img的alt属性在页面图片无法正常展示时会用于替代图片信息,让用户或者屏幕阅读器的使用者更清楚图片是什么

评论
大V点评
最新评论
评论
V

格林

项目导师
校招VIP高级前端经理

img的src属性或background的url属性,可以通过被赋值为图片网络地址或base64的方式显示图片。在文件上传中,我们一般会先将本地文件上传到服务器,上传成功后,由后台返回图片的网络地址再在前端显示。
通过FileReader的readAsDataURL方法,我们可以不经过后台,直接将本地图片显示在页面上。这样做可以减少前后端频繁的交互过程,减少服务器端无用的图片资源

发表于 2019-06-06 11:40
0
王王王

预览图片的效果是真的很需要了

发表于 2019-06-06 11:27
0
几米的思维

原来改那个input丑丑的样式这么简单

发表于 2019-06-06 11:12
0
儿童二十多收到

嘻嘻,我在做学校项目的时候严格按照之前讲的规范来写,老师也夸我了

发表于 2019-06-06 11:09
0