<input type="file" accept="image/*" mutiple="mutiple" capture="camera" />
三個屬性:
accept - 規定可提交的文件類型。
capture - 系統所捕獲的默認設備。camera(照相機),camcorder(攝像機),microphone(錄音)
mutiple - 支持多選。當支持多選時,multiple優先級高於capture。
幾種寫法:
<input type="file" accept="image/*" mutiple="mutiple" capture="camera" /> <!-- ios 和 安卓都可以調用攝像頭 -->
<input type="file" name="upload" accept="image/png,image/jpeg,image/gif" capture="camera"> <!-- 在安卓無法調用攝像頭 -->
<input type="file" accept=".gif,.jpg,.png,.jpeg,.bmp" name="file" /> <!-- 在安卓微信會出現 "No apps can perform this action" 在uc瀏覽器正常。 ios能正常使用。pc端可以使用 -->
<input type="file" accept="image/*" capture="camera"> <!-- 調用相機 -->
<input type="file" accept="video/*" capture="camcorder"> <!-- 調用攝像機 -->
<input type="file" accept="audio/*" capture="microphone"> <!-- 調用錄音機 -->
<!-- 不加上capture,則只會顯示相應的,例如下三種依次是:拍照或圖庫,錄像或圖庫,錄像或拍照或圖庫, --> <input type="file" accept="image/*" > <input type="file" accept="video/*" > <input type="file" accept="audio/*" >