线上实习-帮跑腿信息录入模块

更简单的上传图片预览功能实现方法

2,532人观看 60 0

视频介绍

用户评论

评审内容

本期视频讲了手机号码验证、校园卡照片上传、押金缴纳等页面以及功能的实现。

其中主要讲了window.URL.createObjectURL 方法和 FileReader的主要区别。

优点

1.使用了更简洁的方法实现图片上传预览功能

2.注释，缩进都很规范

缺点

1.input类型没有限定

2.没有做页面跳转的动作

3.上传图片后，图片展示的样式问题

建议

1.同样的功能有很多种实现的方法，我们在实践中可以多尝试选择最优的方法

2.在做页面时一定要细心，按照设计图来写样式，保证与UI设计图样式一致

大V点评

最新评论

从IE 10和所有现代浏览器都可以使用 createObjectURL 和 FileReader.readAsDataURL
但是我们最好使用 createObjectURL ，效率更高，速度也更快

发表于 2019-06-06 18:37

helloworld

我写代码真的不爱加注释，现在看很久之前的js代码还得看好一会，可是是真的懒

发表于 2019-06-06 18:25

咻辉

确实是window.URL.createObjectURL比较好用

发表于 2019-06-06 18:23

5毛

我们在学校做项目时确实比较粗糙，一切跟着感觉走哈哈

发表于 2019-06-06 18:22

发表