phonegap上傳圖片
❶ html5 濡備綍璋冪敤鎵嬫満鐩稿唽
闇瑕佸姞杞絚ordova.js
鏂規硶錛
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
pictureSource = navigator.camera.PictureSourceType;
destinationType = navigator.camera.DestinationType;
}
//鐩稿唽
function fromCamera()
{
var source = pictureSource.PHOTOLIBRARY;
navigator.camera.getPicture(function (imageData) {
setimg(imageData);
}, function (message) {
if (source == pictureSource.CAMERA)
alert('鍔犺澆鐓х浉鏈哄嚭閿!' + message);
else
alert('鍔犺澆鐩稿唽鍑洪敊!' + message);
}, {
quality: 50,
destinationType: destinationType.FILE_URI,
sourceType: source
});
}
//鎷嶇収
function EditImgPz()
{
navigator.camera.getPicture(function (imageData) {
setimg(imageData);
}, function (message) {
alert(message);
}, {
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.CAMERA,
allowEdit: true,
encodingType: Camera.EncodingType.JPEG,
popoverOptions: CameraPopoverOptions,
saveToPhotoAlbum: true
});
}
❷ 如何將html5程序打包成Android應用
問題分析：
html5網站主要由html+css+js的形式組成，需要使用瀏覽器進行展現。
Android需要使用Java語言來開發，對於前端工程師來說，無疑是增加了很大的難度。
隨後出現了很多打包工具，來協助我們將網頁元素打包成手機app，將我們編寫的html轉化為Java語言。
解決方案：
推薦一款我們常用的打包工具：HBuilder。
該工具不僅提供了Android應用打包，還可以直接連接手機進行調試，配合HTML5+可以實現很多Android原生的功能。比如：掃碼二維碼，拍照，搖一搖等等。
具體操作步驟：
1、真機調試
② 勾選Android復選框，如果使用Dcloud公用證書的話，可以直接進行打包，手機可以安裝使用。如果需要上傳發行到第三方應用平台的話，需要使用自有證書，自用證書可以使用JRE自帶的創建和管理數字證書的工具Keytool來生成自有證書，生成過程是免費的。
勾選Android選項後，在下方表單中填寫Android包名，為保證唯一性，可以使用自有網站域名的反寫方式加上應用名稱。如果使用自有證書的話，還需要填寫證書別名，密鑰密碼，證書文件。
填寫完畢後，點擊打包，即可生成apk文件。
其他注意事項：
1、在開發過程中，不需要進行打包，應更多的使用真機調試，可以節約很多時間。
2、開發完畢後，盡可能在各種版本的android機器上做一下測試，因為一些網頁的樣式在不同的android版本中呈現的效果略有不同。
3、重新編輯一下html5網站代碼，將一些網頁功能轉換為手機功能，比如網頁元素的<a>標簽跳轉，就應該使用Webview來完成。可以解決頁面切換白屏的問題，還可以提高網站在手機中的運行效率。
❸ html5如何調用手機攝像頭,實現拍照,拍視頻實現上傳功能
html5提供了 navigator.getUserMedia介面使用設備攝像頭，chrome28上測試已經可用，手機端瀏覽器測試發現只有opera瀏覽器可用。
瀏覽器未完善之前可以使用PhoneGap完成，它提供了 navigator.camera.getPicture介面，使用js可以方便調用設備攝像頭。
❹ phonegap涓巃ppcan浠涔堝尯鍒
絎涓錛氬厛浜嗚В涓婸honeGap
PhoneGap鏄涓涓鐢ㄥ熀浜嶩TML錛孋SS鍜孞avaScript鐨勶紝鍒涘緩縐誨姩璺ㄥ鉤鍙扮Щ鍔ㄥ簲鐢ㄧ▼搴忕殑蹇閫熷紑鍙戝鉤鍙般傚畠浣垮紑鍙戣呰兘澶熷埄鐢╥Phone錛孉ndroid錛孭alm錛孲ymbian,WP7,Bada鍜孊lackberry鏅鴻兘鎵嬫満鐨勬牳蹇冨姛鑳解斺斿寘鎷鍦扮悊瀹氫綅錛屽姞閫熷櫒錛岃仈緋諱漢錛屽０闊沖拰鎸鍔ㄧ瓑錛屾ゅ朠honeGap鎷ユ湁涓板瘜鐨勬彃浠訛紝鍙浠ヤ互姝ゆ墿灞曟棤闄愮殑鍔熻兘銆
浼樼偣錛
鏀鎸佸ぇ閮ㄥ垎緋葷粺錛欰ndroid,iOS ,Symbian, Windows Phone, Palm WebOS,
Bada , Symbian
寮婧愶紝鍙浠ヨ繘琛屾嗘灦搴曞眰浼樺寲錛屾嗘灦鎻愪緵鑷瀹氫箟鎺т歡錛屽彲浠ヨ皟鐢╝ndroid鍘熺敓鍔熻兘錛岀涓夋柟鎻掍歡涓板瘜錛屽畨瑁呭寘浣撶Н鍋忓皬錛屾枃妗ｄ赴瀵岋紝鍙鍦ㄦ湰鍦拌皟璇曘佸彂甯冿紝鏀鎸佹湰鍦版墦鍖呫佷簯絝鎵撳寘銆
緙虹偣錛
涓嶅悓騫沖彴闇瑕佹惌寤轟笉鍚屽紑鍙戠幆澧冿紱妗嗘灦娌℃湁UI錛岄渶瑕佷嬌鐢ㄧ涓夋柟UI鎻掍歡錛涙嗘灦浠呮彁渚涘熀鏈珹PI錛屾墿灞曞姛鑳介渶瑕佷嬌鐢ㄧ涓夋柟鎻掍歡錛涙嗘灦涓嶆敮鎸佽嚜鍔ㄥ姞瀵嗭紝闇瑕佹墜鍔ㄥ笻TML鍔犲瘑錛涙嗘灦鏈瀵筓I榪涜屼紭鍖栵紝搴旂敤鍔犺澆鍙奤I鐩稿簲鏃惰緝鎱錛涚敱浜庣涓夋柟寮鍙戜漢鍛樻按騫充笉鍚岋紝鎻掍歡璐ㄩ噺鍙傚樊涓嶉綈銆
絎浜岋細appcan
AppCan鏄鍥藉唴Hybrid App娣峰悎妯″紡寮鍙戠殑鍊″艱咃紝AppCan搴旂敤寮曟搸鏀鎸丠ybrid App鐨勫紑鍙戝拰榪愯屻傚苟涓旂潃閲嶈В鍐充簡鍩轟簬HTML5鐨勭Щ鍔ㄥ簲鐢ㄧ洰鍓"涓嶆祦鐣"鍜"浣撻獙宸"鐨勯棶棰樸備嬌鐢ˋppCan搴旂敤寮曟搸鎻愪緵鐨凬aitve浜や簰鑳藉姏錛屽彲浠ヨ﹉tml5寮鍙戠殑縐誨姩搴旂敤鍩烘湰鎺ヨ繎Native App鐨勪綋楠屻
浼樼偣錛
鏀鎸佸洓澶т富嫻佺郴緇燂細Android,ios,Symbian,Windows Phone錛 鎻愪緵涓浣撳寲瑙ｅ喅鏂規堬紝鏂逛究鐜澧冩惌寤恆佸紑鍙戙佽皟璇曘佸彂甯冿紱妗嗘灦鑷甯UI鍖咃紝鍖呭惈甯哥敤鎺т歡鏍峰紡錛涙嗘灦API涓板瘜錛涙敮鎸佹湰鍦版墦鍖呫佷簯絝鎵撳寘錛涘熀浜庡瘑閽ョ殑浠ｇ爜鍔犲瘑錛涙妧鏈鏀鎸佺浉搴斿強鏃訛紱 妗嗘灦瀵筓I銆佸姩鐢繪覆鏌撹繘琛岃繃浼樺寲錛屽弽搴旈熷害蹇銆
緙虹偣錛
涓嶅紑婧愶紝鏃犳硶淇鏀廣佷紭鍖栧簳灞備唬鐮侊紱鏆備笉鏀鎸佽嚜琛屽紑鍙戞帶浠/錛屾棤娉曡皟鍙朼ndroid鍘熺敓鍔熻兘錛涙嗘灦鑷甯﹀姛鑳借繃澶氾紝瀵艱嚧搴旂敤瀹夎呭寘鍋忓ぇ銆傛枃妗ｅ嚲灝戦儴鍒嗙郴緇熸棤娉曚嬌鐢↖DE榪涜岃皟璇曪紱鍙鑳藉湪鏈嶅姟鍣ㄧ鍙戝竷錛屾棤娉曞湪鏈鍦板彂甯冿紱IOS鍙戝竷錛岄渶瑕佸皢璇佷功涓婁紶鑷蟲湇鍔″櫒