1. 程式人生 > >H5 移動端 呼叫手機相機 進行拍照

H5 移動端 呼叫手機相機 進行拍照

<input  type="file" onchange="inputChange;" accept="image/*" capture="camera"/>

使用的是 H5 input 元素提供的 capture = "camera" 屬性和 accept 屬性,

accept: 檔案的型別

capture 必須為 camera

只有 accept 屬性 沒有 capture 屬性的時候 表示選擇文accept件

  1. 可選 image/* 表示只能是圖片檔案
  2. 可選 video/* 表示只能是視訊檔案
  3. audio/* 表示只能是音訊檔案

有 accept 屬性 有 capture 屬性 的時候:

  1. 表示拍照
<input type="file" accept="image/*" capture="camera">

     2. 表示攝像

<input type="file" accept="video/*" capture="camera">

    3. 表示錄音

​
<input type="file" accept="audio/*" capture="camera">

​