input[type='file']安卓手機微信端無法呼叫攝像頭問題
- 使用input type=file標籤進行檔案上傳時,在安卓手機中的微信瀏覽器中不能調起相機,但是在蘋果手機中的微信瀏覽器中可以呼叫相機。解決辦法:
<input type="file" name="upload" accept="image/png,image/jpeg,image/gif" capture="camera">
accept屬性:呼叫相簿功能(ios也可以直接呼叫相機)
capture屬性:可以保證安卓手機呼叫相機功能。
注意:如果加了這條屬性,會導致ios手機直接呼叫相機而無法選擇相簿中的檔案
解決方法:
判斷裝置型別,動態新增capture屬性(我使用Zepto判斷):
var plateform = Zepto.device.os;
if(plateform == "android"){
$("selector").find("input[type='file']").attr("capture","camera");
}else if(plateform=="ios"){
$("selector").find("input[type='file']").removeAttr("capture");
}
備註:accept和capture兩個屬性都需要