Android版添加phonegap--Camera插件教程

時間 2019-11-12

標籤 android 添加 phonegap camera 插件教程欄目 Android 简体版

原文原文鏈接

<!DOCTYPE html>

<html>

<head>

<title>Camera 插件</title>

<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>

<script type="text/javascript" charset="utf-8">

var pictureSource;//圖片來源

var destinationType;//設置返回值的格式

//等待Phonegap鏈接設備
document.addEventListener("deviceready",onDeviceReady,false);

//Phonegap準備就緒，能夠使用！
function onDeviceReady() {
pictureSource=navigator.camera.PictureSourceType;
destinationType=navigator.camera.DestinationType;
}

//當成功得到一張照片的Base64編碼數據後被調用
function onPhotoDataSuccess(imageData) {

//取消註釋以查看Base64編碼的圖像數據
//console.log(imageData);

//獲取圖像句柄
var smallImage = document.getElementById('smallImage');

//取消隱藏的圖像元素
smallImage.style.display = 'block';

//顯示拍攝的照片
//使用內嵌CSS規則來縮放圖片
smallImage.src = "data:image/jpeg;base64," + imageData;

}

//當成功獲得一張照片的URI後被調用
function onPhotoURISuccess(imageURI) {

//取消註釋以查看圖片文件的URI
//console.log(imageURI);

//獲取圖片句柄
var largeImage = document.getElementById('largeImage');

//取消隱藏的圖像元素
largeImage.style.display = 'block';

//顯示拍攝的照片
//使用內嵌CSS規則來縮放圖片
largeImage.src = imageURI;
}

//「Capture Photo」按鈕點擊事件觸發函數
function capturePhoto(){

//使用設備上的攝像頭拍照，並得到Base64編碼字符串格式的圖像
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {quality: 50 });
}

//「Capture Editable Photo」按鈕點擊事件觸發函數
function capturePhotoEdit() {

//使用設備上的攝像頭拍照，並得到Base64編碼字符串格式的可編輯圖像
navigator.camera.getPicture(onPhotoDataSuccess,onFail,{quality:20,allowEdit: true});
}

//「From Photo Library」/「From Photo Album」按鈕點擊事件觸發函數

function getPhoto(source) {
//從設定的來源處獲取圖像文件URI
navigator.camera.getPicture(onPhotoURISuccess, onFail,{quality: 50,
destinationType: destinationType.FILE_URI,sourceType: source });
}

//當有錯誤發生時觸發此函數
function onFail(mesage) {
alert('Failed because: ' + message);
}

</script>

</head>

<body>

<button onclick="capturePhoto();">Capture Photo</button> <br>

<button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br>

<button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br>
<button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br>

<img style="display:none;width:60px;height:60px;" id="smallImage" src="" />

<img style="display:none;" id="largeImage" src="" />

</body>

</html>

KeyMob致力於廣告主和開發者均可以經過簡單的操做輕鬆實現對多家廣告平臺的搭配使用。並能輔助開發者過市場審覈，服務也很好。優勢小而精，專作廣告服務，對各個廣告平臺進行精選，集成方便快捷。

javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。