【移動端】input type=“file” 在移動端H5頁面實現調用本地相冊、拍照、錄音


<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/*" >

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM