input標籤 type值為file,可以呼叫系統預設的照相機、相簿、攝像機、錄音功能。先上**:
accept表示開啟的系統檔案目錄
capture表示的是系統所捕獲的預設裝置,camera:照相機;camcorder:攝像機;microphone:錄音;
其中還有乙個屬性multiple,支援多選,當支援多選時,multiple優先順序高於capture,所以只用寫成:
multiple
>就可以,可以在手機上測試一下。那麼選中的怎樣獲取並顯示呢?
html:(css)
js:function readurl(input)
reader.readasdataurl(input.files[0]);
}}$("#imginp").change(function());
樣式自己調整,這樣就能顯示剛拍下的**或者從相簿中選中的了。
html5呼叫手機攝像頭
在乙個響應式 專案中需要用到 html5呼叫手機攝像頭,找了很多資料,大都是 js呼叫api 然後怎樣怎樣,做了幾個demo測試發現根本不行,後來恍然大悟,用html5自帶的 input file 純html5,並且不涉及到js 就可以實現。如下 type file accept image cap...
WebApp呼叫手機相簿或攝像頭 撥打電話
最近在做乙個專案,需到用到開啟手機相簿 拍照和撥打 功能 開啟相簿 accept 屬性只能與 配合使用 它規定能夠通過檔案上傳進行提交的檔案型別 可以接受 gif 和 jpeg 兩種影象 如果不限制影象的格式,可以寫為 accept image 開啟相機 capture 屬性表示需要使用的系統功能 ...
(親測可用)html5 file呼叫手機攝像頭
親測可用 html5呼叫手機攝像頭 html 效果預覽 123capture表示,可以捕獲到系統預設的裝置,比如 camera 照相機 camcorder 攝像機 microphone 錄音。accept表示,直接開啟系統檔案目錄。其實html5的input file標籤還支援乙個multiple屬...