jQuery Mobile是一種用于創(chuàng)建移動(dòng)應(yīng)用程序的HTML5框架。其中一個(gè)非常有用的工具是攝像頭控制器，它可以讓用戶拍照并將照片直接上傳到應(yīng)用程序。

在使用jQuery Mobile的攝像頭控制器之前，必須確保設(shè)備具有可用的攝像頭，并且已安裝必要的插件和庫(kù)。

//啟動(dòng)攝像頭
$('#camerabutton').on('click', function(){
navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
destinationType: Camera.DestinationType.DATA_URL
});
});
//回調(diào)函數(shù)，拍照成功時(shí)執(zhí)行的代碼
function onSuccess(imageData) {
var image = document.getElementById('myImage');
image.src = "data:image/jpeg;base64," + imageData;
}
//回調(diào)函數(shù)，拍照失敗時(shí)執(zhí)行的代碼
function onFail(message) {
alert('Failed because: ' + message);
}

可以看到，啟動(dòng)攝像頭實(shí)際上只需要一行代碼，即調(diào)用navigator.camera.getPicture，并提供其他參數(shù)，例如照片質(zhì)量和目標(biāo)存儲(chǔ)類(lèi)型（在代碼中指定為Camera.DestinationType.DATA_URL，表示將數(shù)據(jù)編碼為圖像的Base64字符串格式）。

當(dāng)照片成功拍攝后，onSuccess回調(diào)函數(shù)將被調(diào)用，該函數(shù)將獲取數(shù)據(jù)并將其分配給HTML圖像元素的src屬性，以便其在設(shè)備上顯示。如果出現(xiàn)問(wèn)題，則調(diào)用onFail回調(diào)函數(shù)，該函數(shù)將顯示錯(cuò)誤消息。