轉：HTML5頁面如何在手機端瀏覽器調用相機、相冊功能

時間 2019-11-12

標籤 html5 html 頁面如何手機瀏覽器調用相機相冊功能欄目 HTML5 简体版

原文原文鏈接

HTML5頁面如何在手機端瀏覽器調用相機、相冊功能

開發微信端瀏覽器訪問的HTML5的頁面，頁面中有一個<input id="input" type="file"/>標籤，iOS直接就支持吊起相機拍照或是相冊選擇，html

但android中不支持吊起相機拍照，只能吊起相冊選擇，網上的帖子說是由於android屏蔽了文件上傳功能仍是怎麼的，沒看明白。android

此篇博文記錄如何解決這一問題，使得android也能夠直接吊起相機拍照。瀏覽器

在查資料的以後，總結了一下用input調用相機和相冊功能的方法，以前沒有深刻了解過，如今整理一下：微信

不須要特殊環境，使用input標籤 type值爲file，能夠調用系統默認的照相機、相冊、攝像機、錄音功能。先上代碼：ide

<!DOCTYPE html>
<html lang="en">
　　<head>
　　　　<meta charset="UTF-8">
　　　　<title>HTML5頁面如何在手機端瀏覽器調用相機、相冊功能</title>
　　</head>
　　<body> 
　　　　<div>
　　　　　　<input type="file" accept="image/*" capture="camera">
　　　　　　<input type="file" accept="video/*" capture="camcorder">
　　　　　　<input type="file" accept="audio/*" capture="microphone">
　　　　</div>
　　</body>
</html>