3頁的手機(jī)圖文；有視頻；有試題；有語音！頭條不讓在這里發(fā)二維碼和鏈接；需要的老師和同學(xué)們可以私信索取二維碼！

切圖網(wǎng)一個客戶的webapp項目中需要用到 html5調(diào)用手機(jī)攝像頭，找了很多資料，大都是 js調(diào)用api 然后怎樣怎樣，做了幾個demo測試發(fā)現(xiàn)根本不行， 后來恍然大悟，用html5自帶的 input file="" ，純html5，并且不涉及到j(luò)s ，就可以實現(xiàn)。代碼如下：

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

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

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

capture表示，可以捕獲到系統(tǒng)默認(rèn)的設(shè)備，比如：camera--照相機(jī)；camcorder--攝像機(jī)；microphone--錄音。

accept表示，直接打開系統(tǒng)文件目錄。

其實html5的input:file標(biāo)簽還支持一個multiple屬性，表示可以支持多選，如：

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

加上這個multiple后，capture就沒啥用了，因為multiple是專門yong用來支持多選的。

切圖社區(qū)（qietu.cn）原創(chuàng)。