1. 程式人生 > >在webapp上使用input:file, 指定capture屬性呼叫預設相機,攝像,錄音功能

在webapp上使用input:file, 指定capture屬性呼叫預設相機,攝像,錄音功能

在iOS6下開發webapp,使用inputz之file,很有用

<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表示,直接開啟系統檔案目錄。

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

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

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