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鍙戝竷锛岄渶瑕佸皢璇佷功涓娄紶镊虫湇锷″櫒