HTML5呼叫手機攝像機 相簿功能

2021-08-18 12:16:33 字數 447 閱讀 3404

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屬...