精品欧美一区二区三区在线观看 _久久久久国色av免费观看性色_国产精品久久在线观看_亚洲第一综合网站_91精品又粗又猛又爽_小泽玛利亚一区二区免费_91亚洲精品国偷拍自产在线观看 _久久精品视频在线播放_美女精品久久久_欧美日韩国产成人在线

PhoneGap API介紹:Camera

移動開發
本文將介紹PhoneGap API——Camera:使用設備的攝像頭采集照片,對象提供對設備默認攝像頭應用程序的訪問。

方法:

camera.getPicture

參數:

cameraSuccess

cameraError

cameraOptions

camera.getPicture

選擇使用攝像頭拍照,或從設備相冊中獲取一張照片。圖片以base64編碼的字符串或圖片URI形式返回。

簡單的范例

  1. navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] ); 

說明

camera.getPicture函數打開設備的默認攝像頭應用程序,使用戶可以拍照(如果 Camera.sourceType 設置為 Camera.PictureSourceType.CAMERA,這也是默認值)。一旦拍照結束,攝像頭應用程序會關閉并恢復用戶應用程序。

如果Camera.sourceType = Camera.PictureSourceType.PHOTOLIBRARY或Camera.PictureSourceType.SAVEDPHOTOALBUM,系統彈出照片選擇對話框,用戶可以從相集中選擇照片。

返回值會按照用戶通過cameraOptions參數所設定的下列格式之一發送給cameraSuccess回調函數:

一個字符串,包含Base64編碼的照片圖像(默認情況)。

一個字符串,表示在本地存儲的圖像文件位置。

你可以對編碼的圖片或URI做任何處理,例如:

通過標簽渲染圖片(參看后續范例)

存儲為本地數據(LocalStorage,Lawnchair*等)

將數據發送到遠程服務器

備注:較新的設備上使用攝像頭拍攝的照片的質量是相當不錯的,使用Base64對這些照片進行編碼已導致其中的一些設備出現內存問題(如IPHONE4、BlackBerry Torch 9800)。因此,強烈建議將“Camera.destinationType”設為FILE_URI。

支持的平臺

Android

BlackBerry WebWorks (OS 5.0或更高版本)

iOS

簡單的范例

拍照并獲取Base64編碼的圖像:

  1. navigator.camera.getPicture(onSuccess, onFail, { quality: 50 });  
  2. function onSuccess(imageData) {  
  3. var image = document.getElementById('myImage');  
  4. image.src = "data:image/jpeg;base64," + imageData;  
  5. }  
  6. function onFail(message) {  
  7. alert('Failed because: ' + message);  
  8. }  

拍照并獲取圖像文件路徑:

  1. navigator.camera.getPicture(onSuccess, onFail, { quality: 50, 
  2. destinationType: Camera.DestinationType.FILE_URI }); 
  3. function onSuccess(imageURI) { 
  4. var image = document.getElementById('myImage'); 
  5. image.src = imageURI; 
  6. function onFail(message) { 
  7. alert('Failed because: ' + message); 

完整的范例:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <title>Capture Photo</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     var pictureSource;      //圖片來源 
  10.     var destinationType;        //設置返回值的格式 
  11.      
  12.     // 等待PhoneGap連接設備 
  13.     document.addEventListener("deviceready",onDeviceReady,false); 
  14.      
  15.     // PhoneGap準備就緒,可以使用! 
  16.     function onDeviceReady() { 
  17.         pictureSource=navigator.camera.PictureSourceType; 
  18.         destinationType=navigator.camera.DestinationType; 
  19.     } 
  20.      
  21.     // 當成功獲得一張照片的Base64編碼數據后被調用 
  22.     function onPhotoDataSuccess(imageData) { 
  23.      
  24.         // 取消注釋以查看Base64編碼的圖像數據 
  25.         // console.log(imageData); 
  26.         // 獲取圖像句柄 
  27.         var smallImage = document.getElementById('smallImage'); 
  28.               
  29.         // 取消隱藏的圖像元素 
  30.         smallImage.style.display = 'block'
  31.          
  32.         // 顯示拍攝的照片 
  33.         // 使用內嵌CSS規則來縮放圖片 
  34.         smallImage.src = "data:image/jpeg;base64," + imageData; 
  35.     } 
  36.         
  37.    // 當成功得到一張照片的URI后被調用 
  38.    function onPhotoURISuccess(imageURI) { 
  39.      
  40.         // 取消注釋以查看圖片文件的URI 
  41.         // console.log(imageURI); 
  42.         // 獲取圖片句柄 
  43.         var largeImage = document.getElementById('largeImage'); 
  44.           
  45.         // 取消隱藏的圖像元素 
  46.         largeImage.style.display = 'block'
  47.      
  48.         // 顯示拍攝的照片 
  49.         // 使用內嵌CSS規則來縮放圖片 
  50.         largeImage.src = imageURI
  51.     } 
  52.         
  53.    // “Capture Photo”按鈕點擊事件觸發函數 
  54.    function capturePhoto() { 
  55.  
  56.         // 使用設備上的攝像頭拍照,并獲得Base64編碼字符串格式的圖像 
  57.         navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 }); 
  58.    } 
  59.     
  60.    // “Capture Editable Photo”按鈕點擊事件觸發函數 
  61.    function capturePhotoEdit() { 
  62.  
  63.         // 使用設備上的攝像頭拍照,并獲得Base64編碼字符串格式的可編輯圖像 
  64.         navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true }); 
  65.    } 
  66.         
  67.    //“From Photo Library”/“From Photo Album”按鈕點擊事件觸發函數 
  68.    function getPhoto(source) { 
  69.     
  70.         // 從設定的來源處獲取圖像文件URI 
  71.         navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
  72.         destinationType: destinationType.FILE_URI,sourceType: source }); 
  73.    } 
  74.  
  75.    // 當有錯誤發生時觸發此函數 
  76.    function onFail(mesage) { 
  77.         alert('Failed because: ' + message); 
  78.    } 
  79.      
  80. </script> 
  81. </head> 
  82. <body> 
  83.     <button onclick="capturePhoto();">Capture Photo</button> <br> 
  84.     <button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br> 
  85.     <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br> 
  86.     <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br> 
  87.     <img style="display:none;width:60px;height:60px;" id="smallImage" src=""  /> 
  88.     <img style="display:none;" id="largeImage" src=""  /> 
  89.     </body> 
  90. </html> 

 

cameraSuccess

提供圖像數據的onSuccess回調函數。

  1. function(imageData) {  
  2. // 對圖像進行處理  
  3. }  

參數

imageData:根據cameraOptions的設定值,為Base64編碼的圖像數據或圖像文件的URI。(字符串類型)

范例

  1. // 顯示圖片 
  2. function cameraCallback(imageData) { 
  3. var image = document.getElementById('myImage'); 
  4. image.src = "data:image/jpeg;base64," + imageData; 

cameraError

提供錯誤信息的onError回調函數。

  1. function(message) { 
  2. // 顯示有用信息 

參數

message:設備本地代碼提供的錯誤信息。(字符串類型)

cameraOptions

定制攝像頭設置的可選參數。

  1. { quality : 75, 
  2. destinationType : Camera.DestinationType.DATA_URL, 
  3. sourceType : Camera.PictureSourceType.CAMERA, 
  4. allowEdit : true
  5. encodingType : Camera.EncodingType.JPEG, 
  6. targetWidth : 100, 
  7. targetHeight : 100}; 

選項

quality:存儲圖像的質量,范圍是[0,100]。(數字類型)

destinationType:選擇返回數據的格式。通過navigator.camera.DestinationType進行定義。(數字類型)

  1. Camera.DestinationType = { 
  2. DATA_URL : 0, //返回Base64編碼字符串的圖像數據 
  3. FILE_URI : 1 //返回圖像文件的URI 

sourceType:設定圖片來源。通過nagivator.camera.PictureSourceType進行定義。(數字類型)

  1. Camera.PictureSourceType = { 
  2. PHOTOLIBRARY : 0, 
  3. CAMERA : 1, 
  4. SAVEDPHOTOALBUM : 2 

allowEdit:在選擇圖片進行操作之前允許對其進行簡單編輯。(布爾類型)

EncodingType:選擇返回圖像文件的編碼方式,通過navigator.camera.EncodingType進行定義。(數字類型)

  1. Camera.EncodingType = { 
  2. JPEG : 0, // 返回JPEG格式圖片 
  3. PNG : 1 // 返回PNG格式圖片 
  4. }; 

targetWidth:以像素為單位的圖像縮放寬度,必須和targetHeight同時使用。相應的寬高比保持不變。(數字類型)

targetHeight:以像素為單位的圖像縮放高度,必須和targetWidth同時使用。相應的寬高比保持不變。(數字類型)

Android的特異情況

忽略allowEdit參數。

Camera.PictureSourceType.PHOTOLIBRARY 或 Camera.PictureSourceType.SAVEDPHOTOALBUM 都會顯示同一個相集。

Camera.EncodingType不被支持。

BlackBerry的特異情況

忽略quality參數。

忽略sourceType參數。

忽略allowEdit參數。

當拍照結束后,應用程序必須有按鍵注入權限才能關閉本地Camera應用程序。

使用大圖像尺寸,可能會導致新近帶有高分辨率攝像頭的型號設備無法對圖像進行編碼(如:Torch 9800)。

Palm的特異情況

忽略quality參數。

忽略sourceType參數。

忽略allowEdit參數。

iPhone的特異情況

為了避免部分設備上出現內存錯誤,quality的設定值要低于50。

當使用destinationType.FILE_URI時,使用攝像頭拍攝的和編輯過的照片會存儲到應用程序的Documents/tmp目錄。

應用程序結束的時候,應用程序的Documents/tmp目錄會被刪除。如果存儲空間大小非常關鍵的時候,開發者也可以通過navigator.fileMgr的接口來刪除該目錄。

責任編輯:佚名 來源: PhoneGap中國
相關推薦

2011-12-30 14:13:05

PhoneGap APCamera視頻

2011-12-20 11:20:46

PhoneGap APCompass

2011-12-22 10:33:39

PhoneGap APNotificatio

2011-12-19 15:30:25

AccelerometPhoneGap AP

2011-12-22 09:54:40

PhoneGap APMedia

2011-12-20 17:15:52

PhoneGap APEvents

2011-12-19 16:26:39

PhoneGap APCapture

2011-12-21 21:56:45

PhoneGap APFile

2011-12-22 09:27:36

PhoneGap APGeolocation

2011-12-22 10:45:32

PhoneGap APStorage

2011-12-20 15:34:55

PhoneGap APConnection

2011-12-20 13:32:52

PhoneGap APContacts

2011-12-20 16:09:57

PhoneGap APDevice

2011-12-30 14:09:32

PhoneGap APCompass視頻

2011-12-30 13:47:57

PhoneGap AP視頻Contacts

2011-12-30 13:59:38

PhoneGap APDevice視頻

2011-12-30 14:16:02

AccelerometPhoneGap AP視頻

2011-12-30 14:05:17

PhoneGap APConnection視頻

2011-09-13 15:51:11

PhoneGap AP

2011-07-05 17:29:53

PhoneGapevents
點贊
收藏

51CTO技術棧公眾號

色av吧综合网| 一本久道久久综合中文字幕| 97人人模人人爽人人少妇| 日本一级淫片免费放| 欧美男同视频网| 欧美日韩国产经典色站一区二区三区| 亚洲第一精品区| 手机在线精品视频| 老司机精品视频在线| 久久久久久12| 麻豆视频免费在线播放| 操欧美女人视频| 欧美日韩一区二区在线观看视频 | 伊人成综合网伊人222| 欧美日韩亚州综合| 亚洲中文字幕无码专区| 国产激情小视频在线| 久久久天堂av| 国产精品香蕉视屏| 一级特黄aaa大片在线观看| 亚洲精品四区| 欧美成人黄色小视频| 亚洲国产天堂av| 久9re热视频这里只有精品| 宅男噜噜噜66一区二区66| 91视频最新入口| 日日夜夜天天综合入口| 国产精品美女久久久久av爽李琼| 国产手机精品在线| 国产三级三级在线观看| 欧美aⅴ一区二区三区视频| 性欧美xxxx交| 久久久久久久9999| 欧美国产偷国产精品三区| 亚洲乱码一区av黑人高潮| 国产精九九网站漫画| 国产成年精品| 精品视频123区在线观看| 免费黄色福利视频| xxxx另类黑人| 亚洲一区二区欧美| 女人色极品影院| 成人福利在线观看视频| 中文字幕一区二区三| 日韩中文字幕一区| 国产成人天天5g影院在线观看| 99热在这里有精品免费| 成人欧美一区二区| 亚洲av无码乱码国产精品久久| 久久99精品一区二区三区三区| 国产福利精品av综合导导航| 国产精品一区无码| 美女视频一区免费观看| 国产97色在线|日韩| 亚洲欧美一区二区三区在线观看| 99视频一区| 91精品国产九九九久久久亚洲| 久久久久久激情| 亚洲福利久久| 777国产偷窥盗摄精品视频| 国产在线成人精品午夜| 极品裸体白嫩激情啪啪国产精品| 久久影院中文字幕| av成人免费网站| 日韩国产专区| 久久这里只有精品视频首页| 一区视频免费观看| 国产专区一区| 欧美激情综合亚洲一二区| 国产精品二区一区二区aⅴ| 一区福利视频| 日韩av电影院| 中文字幕欧美色图| 国产美女在线精品| 成人在线观看91| 青青草观看免费视频在线| 久久精品欧美一区二区三区不卡| 日本一区二区在线视频| 日本亚洲精品| 一区二区成人在线视频| 大j8黑人w巨大888a片| 免费电影日韩网站| 欧美日韩免费视频| 久久精品aⅴ无码中文字字幕重口| 91精品尤物| 亚洲精品中文字幕av| 99国产精品无码| 黄色成人在线网站| 欧美最猛性xxxx| ,亚洲人成毛片在线播放| 国产成人午夜精品影院观看视频| 国产66精品久久久久999小说| 天天在线女人的天堂视频| 久久久久99精品国产片| 91九色国产ts另类人妖| 欧美亚洲日本精品| 欧美精品在线一区二区| 亚洲成av人片在线观看无| 国产成人精品三级高清久久91| 日韩在线观看免费全| 久久久全国免费视频| 日韩高清不卡一区二区三区| 91在线精品播放| 深夜影院在线观看| 亚洲色图在线播放| 国产午夜伦鲁鲁| 久久九九精品视频| 亚洲欧洲日产国产网站| 国产又色又爽又高潮免费| 国产午夜久久| 亚洲自拍偷拍一区| 东凛在线观看| 精品二区三区线观看| 亚洲一二三不卡| 美女久久久久| 久久久视频精品| 91福利免费视频| 久久嫩草精品久久久精品一| 亚洲色图都市激情| 国产黄色一区| 亚洲欧美国产精品专区久久 | 欧美日韩国产精品一区二区不卡中文| 亚洲综合色在线观看| 久久99精品久久久久久欧洲站| 中文字幕亚洲一区在线观看| 日韩 欧美 中文| 国产精品一区2区| 中国成人在线视频| 九九热线视频只有这里最精品| 欧美sm极限捆绑bd| 99精品久久久久| 精品一区二区三区的国产在线播放| 久久国产主播精品| 国产剧情av在线播放| 精品免费99久久| 爱爱视频免费在线观看| 麻豆精品视频在线观看| 欧美日韩亚洲一区二区三区在线观看| 国产羞羞视频在线播放| 日韩欧美成人午夜| 欧美日韩中文字幕在线观看| 久久99这里只有精品| 亚洲7777| 欧美男男gaygay1069| 伊人av综合网| 日韩不卡高清视频| 久久精品亚洲麻豆av一区二区| 尤物av无码色av无码| 天天躁日日躁成人字幕aⅴ| 精品国产成人av在线免| av片在线免费观看| 欧洲日韩一区二区三区| 伊人网在线视频观看| 999在线观看精品免费不卡网站| 亚洲999一在线观看www| 成人短视频在线| 91精品国产免费| 久草资源在线视频| 成人精品鲁一区一区二区| 亚洲人成无码网站久久99热国产 | 久久av一区二区| 黄色激情在线播放| 亚洲美女av网站| 亚洲自拍一区在线观看| 国产肉丝袜一区二区| 一级在线免费视频| 亚洲a一区二区三区| 亚洲iv一区二区三区| 久草在线视频资源| 亚洲国产精品字幕| 欧美brazzers| 中文字幕在线一区二区三区| 亚洲制服在线观看| 在线 亚洲欧美在线综合一区| 精品免费国产| 日本黄色一区| 粗暴蹂躏中文一区二区三区| 丰满人妻一区二区| 色综合网色综合| 亚洲欧美另类日本| 国产91丝袜在线18| 欧美日韩在线不卡视频| 精品亚洲成人| 91免费观看| 不卡一二三区| 日韩亚洲在线观看| 天天干,夜夜爽| 欧美午夜一区二区三区免费大片| 欧美成人免费观看视频| 久久免费视频一区| 久久出品必属精品| 国产欧美一区二区三区国产幕精品| 日韩电影大全在线观看| 精品国产一区二| 奇门遁甲1982国语版免费观看高清 | 中文字幕在线直播| 综合av色偷偷网| 国模私拍视频在线| 欧美性生活久久| 久久久久久久久久久久久久久久久| 91在线一区二区三区| 亚洲免费一级视频| 99精品视频免费观看| 亚洲欧洲一二三| 欧美午夜寂寞| 亚洲mm色国产网站| 超碰这里只有精品| 久久免费国产视频| 大地资源网3页在线观看| 亚洲欧美一区二区三区情侣bbw| 国产精品久久无码一三区| 日韩欧美aⅴ综合网站发布| 国产一区二区播放| 欧美激情一区二区三区蜜桃视频| 污网站免费观看| 精品一区二区av| 国产精品69页| 136国产福利精品导航网址| 一区二区视频国产| 精品在线观看入口| 国内精品久久久久久久果冻传媒| 亚洲日韩中文字幕一区| 欧美一级免费看| 超碰97免费在线| 久久91精品国产| 三级外国片在线观看视频| 亚洲男人天堂网站| 天天操天天干天天插| 精品国产乱码久久久久久1区2区| 91精品国产综合久| 精品视频123区在线观看| 无码人妻丰满熟妇区bbbbxxxx | 日韩精品一区二区免费| 国产精品99在线观看| 日本一区二区三区www| 欧美激情极品| 精品国产电影| theporn国产在线精品| 91偷拍精品一区二区三区| www.久久99| 成人激情春色网| 婷婷激情成人| 91久久精品美女| 国产成年精品| 91嫩草国产在线观看| 中文成人激情娱乐网| 成人免费大片黄在线播放| 少妇高潮一区二区三区99| 国产欧美精品xxxx另类| 国产亚洲精彩久久| 国产精选久久久久久| 中文字幕日韩亚洲| 5g影院天天爽成人免费下载| 麻豆精品国产| 国产成人亚洲欧美| 精品三级在线观看视频| 九色一区二区| 综合干狼人综合首页| 日韩三级在线播放| 日韩一区二区三区免费播放| 中文网丁香综合网| 91精品国产乱码久久久久久| 潘金莲一级淫片aaaaa免费看| 日韩高清欧美| 草草草视频在线观看| 在线播放日韩| 国产无套粉嫩白浆内谢的出处| 青娱乐精品在线视频| 中文字幕一区二区在线观看视频 | 久久九九精品| 欧美黄色性生活| 国产一级精品在线| 亚洲中文字幕一区| 久久精品欧美日韩| 日本少妇高清视频| 婷婷丁香激情综合| 成人黄色三级视频| 欧美一级久久久| 色综合久久网女同蕾丝边| 尤物九九久久国产精品的特点| 欧美成人hd| 久久福利视频导航| 亚洲精品日产| 国产有码在线一区二区视频| 136福利精品导航| 欧美极品色图| 小说区亚洲自拍另类图片专区| 大西瓜av在线| 免费成人在线影院| 国产51自产区| 国产精品美女久久久久aⅴ| 妺妺窝人体色www在线下载| 色天天综合久久久久综合片| 国产精品视频一区二区三区,| 精品国产乱码久久久久久蜜臀| а√天堂中文在线资源bt在线| 欧美插天视频在线播放| 色豆豆成人网| 成人在线观看91| 久久神马影院| 国产精品免费入口| 国产成人av一区二区三区在线观看| 久久久久久久无码| 亚洲欧美乱综合| 精产国品一区二区| 精品乱人伦小说| 在线观看av的网站| 欧美一区二区三区免费观看| 99精品女人在线观看免费视频| 久久精品日韩| 欧美久久一级| 中文字幕视频三区| 国产网站一区二区| www.av麻豆| 欧美sm美女调教| 精品麻豆一区二区三区| 日本欧美黄网站| 久久365资源| 国产爆乳无码一区二区麻豆| 精品亚洲免费视频| 亚洲av成人无码久久精品| 亚洲国产日韩a在线播放| 96日本xxxxxⅹxxx17| 亚洲色图综合久久| 麻豆mv在线看| 国产精品99久久久久久久| 亚洲第一偷拍| 17c国产在线| 国产精品你懂的在线| 无码任你躁久久久久久久| 亚洲精品国产电影| 国产理论电影在线| 99久热re在线精品996热视频| 午夜精品毛片| 色噜噜狠狠永久免费| 国产欧美日韩综合精品一区二区| 国产视频91在线| 亚洲国产精品中文| 色吧亚洲日本| 久久精品国产综合精品| 国产精品老牛| av小说在线观看| 欧美性69xxxx肥| 牛牛影视精品影视| 国产a∨精品一区二区三区不卡| 日韩av字幕| 国产日韩一区二区在线| 91亚洲精品久久久蜜桃网站 | 欧美午夜精品免费| 99青草视频在线播放视| 国产精品白丝jk喷水视频一区 | 中文字幕欧美日韩在线| 国产精品毛片久久久久久久久久99999999| 欧美大香线蕉线伊人久久国产精品 | 夫妻免费无码v看片| 久久综合久久久久88| 黄色av网站免费观看| 中文字幕日韩视频| 国产精品国产三级在线观看| 精品国产三级a∨在线| 国产成人99久久亚洲综合精品| 久久久久久久中文字幕| 日韩极品精品视频免费观看| 欧美国产大片| 亚洲福利av| 国产一区二区女| 中文字幕第28页| 在线播放亚洲激情| **精品中文字幕一区二区三区| 国产女人18毛片| 99久久婷婷国产精品综合| 国产成人精品777777| 正在播放亚洲1区| 国产一区一区| 国产最新免费视频| 中日韩av电影| 亚洲黄色小说网| 青草热久免费精品视频| 99精品综合| 国产xxxxxxxxx| 欧美午夜精品理论片a级按摩| 亚洲按摩av| 欧美日韩精品综合| 国产激情一区二区三区| 日韩免费视频网站| 久久精品成人欧美大片古装| 综合激情久久| 九色91popny| 一区二区三区欧美视频| 国产毛片在线看| 91九色在线观看| 久久三级福利| 精品一区二区三区人妻| 亚洲人成网站在线播| 精品国产伦一区二区三区观看说明| 你懂的av在线| 亚洲婷婷在线视频| 激情小说 在线视频| 成人情视频高清免费观看电影| 日韩av一区二区三区四区|