H5调用手机相机和相册，并且将图片转化为base64的格式

Posted 2023-04-13

参考技术A 之前在做 见到 的时候有一个需求是更换头像，于是乎就开始各种趟坑，还好搞出来了，之前忙着上线，没时间整理，现在抽空整理一下。本补充一下，这个项目是很早的项目，用的还是jq
，h5,写的还不是vue全家桶。

结束：
这样就完成了一个上传图片的并转换为base64的功能。之前的项目，没有封装，直接用就好了。

移动端调用手机的摄像头和相册

input type=file 怎么样调取用户手机照相机

input 有个属性accept="image/*" 这样就可以了，同时在网上看到了其他答案，试了下没啥效果。写记录下来

如下：

使用input：file标签, 去调用系统默认相机，摄像，录音功能，其实是有个capture属性，直接说明需要调用什么功能

<input type="file" accept="image/*" capture="camera">

<input type="file" accept="video/*" capture="camcorder">

<input type="file" accept="audio/*" capture="microphone">

capture表示，可以捕获到系统默认的设备，比如：camera--照相机；camcorder--摄像机；microphone--录音。

accept表示，直接打开系统文件目录。

2
input:file标签还支持一个multiple属性，表示可以支持多选，如：

<input type="file" accept="image/*" multiple>

加上这个multiple后，capture就没啥用了，因为multiple是专门用来支持多选的。