https://github.com/helpcode/wapcamera

在H5移动端通过浏览器唤醒用户手机摄像头，实现拍照，base64预览，上传后端
https://github.com/helpcode/wapcamera

java javascript vue wap

Last synced: 7 months ago
JSON representation

在H5移动端通过浏览器唤醒用户手机摄像头，实现拍照，base64预览，上传后端

• Host: GitHub
• URL: https://github.com/helpcode/wapcamera
• Owner: helpcode
• Created: 2019-04-17T17:20:45.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-17T17:39:52.000Z (almost 7 years ago)
• Last Synced: 2025-06-05T11:49:39.359Z (8 months ago)
• Topics: java, javascript, vue, wap
• Language: HTML
• Homepage:
• Size: 355 KB
• Stars: 55
• Watchers: 2
• Forks: 17
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## 移动端唤醒相机拍照/图片预览/上传图片到后端(懒得写)

- 1: `js` 文件夹存放普通js版本代码

- 2: `vue` 文件夹存放vue版本代码

- 3: `img` 文件夹存放二维码图片(与代码无关，请忽略)

## 代码 & 预览

**注意，所有的预览地址请通过手机访问，电脑访问无法唤起摄像头！！！**

### 1: 普通js版本

- 代码地址：[js/index.html](https://github.com/helpcode/WapCamera/blob/master/js/index.html)

- 预览地址：[js/index.html](https://helpcode.github.io/WapCamera/js/)

- 预览二维码：

![js](img/js.png)

### 2: Vue版本

- 代码地址：[vue/src/views/Home.vue](https://github.com/helpcode/WapCamera/blob/master/vue/src/views/Home.vue)

- 预览地址：[vue/build/#/](https://helpcode.github.io/WapCamera/vue/build/#/)

- 预览二维码：

![js](img/vue.png)