线上实习-帮跑腿信用保证模块前端页面评审

校跑跑帮跑腿信用保证模块前端页面评审 04-25(第3期)

一招改变input原生样式？

2,514人观看 25 0

视频介绍

用户评论

评审内容

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

优点

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

2.页面还原度高

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

缺点

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

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

建议

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

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

大V点评

最新评论

格林

项目导师

校招VIP高级前端经理

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

发表于 2019-06-06 11:40

王王王

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

发表于 2019-06-06 11:27

几米的思维

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

发表于 2019-06-06 11:12

儿童二十多收到

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

发表于 2019-06-06 11:09

发表