2. 參數解析：

 1. accept 屬性（允許上傳兩種文件類型：gif 和 jpeg）  
 2. capture 捕獲到系統(tǒng)默認的設備，有三個參數值可設置
 3. camera--照相機；camcorder--攝像機； microphone--錄音  
 4. js代碼做了封裝, 參數一表示 "選擇文件"的 id，參數二表示 "顯示圖片" 的 id，
 5. 若是 ios 只能調用攝像頭，不能選擇打開相冊的話，就把這個【capture="camera"】去掉，直接加一個屬性 multiple
 6. file 表示你選中的那個圖片，然后它里面有幾個屬性 name、size、type、slice等，也都非常實用，
 7. FileReader作為文件API的重要成員用于讀取文件，根據W3C的定義，FileReader接口提供了讀取文件的方法和包含讀取結果的事件模型。
 8. 調用 FileReader 的 readAsDataURL 接口，將啟動異步加載文件內容，通過給 reader 監(jiān)聽一個 onload 事件，
 9. 將數據加載完畢后，在onload事件處理中，通過 event 的 result 屬性即可獲得文件內容，然后扔進 img 的 src 即可 打開圖片并預覽。

3. 效果展示：

點擊拍照的圖標，如果在web端就是瀏覽文件上傳，手機端可進行拍照功能。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Html如何實現手機拍照和選擇上傳功能”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯，關注創(chuàng)新互聯行業(yè)資訊頻道，更多相關知識等著你來學習!