越来越多的移动端网页流行,在手机上拍摄照片或者从相册中选取照片并上传的功能不可或缺。本文以实例说明上述功能如何实现,并介绍FileReader对象。
1. 需求
如下图,点击有加号的框,拍摄或者从相册中选择照片后,将图片显示在框中。
2. 代码
(1) 调用手机拍照和选择照片
<div className="image-uploader">
<input id="imgInput" className="imgInput"
越来越多的移动端网页流行,在手机上拍摄照片或者从相册中选取照片并上传的功能不可或缺。本文以实例说明上述功能如何实现,并介绍FileReader对象。
如下图,点击有加号的框,拍摄或者从相册中选择照片后,将图片显示在框中。
<div className="image-uploader">
<input id="imgInput" className="imgInput"