(親測可用)html5 file呼叫手機攝像頭

2021-07-31 22:00:15 字數 1111 閱讀 6442

(親測可用)html5呼叫手機攝像頭

html **效果預覽

123capture表示,可以捕獲到系統預設的裝置,比如:camera--照相機;camcorder--攝像機;microphone--錄音。

accept表示,直接開啟系統檔案目錄。

其實html5的input:file標籤還支援乙個multiple屬性,表示可以支援多選,如:

html **效果預覽

1加上這個multiple後,capture就沒啥用了,因為multiple是專門yong用來支援多選的。

限制只能選擇

[html]

view plain

copy

<

input

type

="file"

accept

="image/*"

>

[html]

view plain

copy

<

input

type

="file"

accept

="video/*"

>

限制只能選擇音訊

[html]

view plain

copy

<

input

type

="file"

accept

="audio/*"

>

直接開啟攝像頭拍照

[html]

view plain

copy

<

input

type

="file"

accept

="image/*"

capture

="camera"

>

直接開啟攝像頭錄影

[html]

view plain

copy

<

input

type

="file"

accept

="video/*"

capture

="camera"

>

VUE WebStorm安裝 親測可用

首先安裝webstorm和node.js 在windowspc端安裝軟體,一般安裝node.js 開啟cmd,檢視安裝是否成功 全域性安裝腳手架工具vue cli.vue專案初始化命令如下,若沒有安裝webpack,則先安裝webpack 安裝過程 中有個選項 use eslint to line ...

公升級gcc 親測可用

bin bash 公升級gcc 親測可用 cd user src 獲取原始碼 由於官方映象速度較慢,這裡使用了中國科學院開源協會的映象 wget 解壓tar jxvf gcc 5.2.0.tar.bz2 cd gcc 5.2.0 contrib download prerequisites cd 建...

LINUX安裝Mysql 親測可用

1 檢視mysql版本 方法一 status 方法二 select version 2 mysql啟動 停止 重啟常用命令 a 啟動方式 1 使用 service 啟動 root localhost service mysqld start 5.0版本是mysqld root szxdb etc s...