h5 实现调用本地相机上传图片与相册上传图片

可以使用HTML5中的input标签的type属性来实现调用本地相机和相册上传图片。 1. 调用本地相机上传图片： ```html <input type="file" accept="image/*" capture="camera"> 上述[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)中，accept属性指定只能[选择](https://geek.csdn.net/educolumn/1702526fead21a13fe2bdd53c9e98b89?spm=1055.2569.3001.10083)图片文件，capture属性指定调用相机进行拍照。 2. 调用相册上传图片： ```html <input type="file" accept="image/*"> 上述[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)中，accept属性指定只能选择图片文件，不指定capture属性则默认调用相册进行选择。 在Web应用程序中，可以使用JavaScript[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)来获取用户选择的图片文件。 ```javascript let inputElement = document.querySelector('input[type=file]'); inputElement.addEventListener('c[han](https://geek.csdn.net/educolumn/0d22b54eaf6bcf967d9625e1679d00b4?spm=1055.2569.3001.10083)ge', (e) => { // 获取用户选择的图片文件 let file = e.target.files[0]; // 处理图片文件 // ... 在处理图片文件时，可以将图片预览或者上传到服务器。