PhoneGap 上传图片HTML和服务器端端实现.docxVIP

?PhoneGap 上传图片HTML和服务器端端实现(JAVA)4人收藏此文章,?我要收藏发表于8个月前(2013-01-24 10:12) , 已有593次阅读 ，共0个评论HTML代码??利用PhoneGap自己实现的API ?FileTransfer 的 upload 代码001!DOCTYPE HTML002?003html004head005titlePhoneGap_dataTransfer/title006meta?http-equiv=Content-Type?content=text/html; charset=utf-8007link?rel=stylesheet?href=css/jquery.mobile-1.2.0.min.css008script?type=text/javascript?charset=utf-8?src=js/jquery.js/script009script?type=text/javascript?charset=utf-8010????src=js/jquery.mobile-1.2.0.min.js/script011script?type=text/javascript?charset=utf-8?src=cordova.js/script012script?type=text/javascript013????$(document).bind(mobileinit, function() {014?015????????//$.mobile.autoInitialize = false; //删除这行配置参数就会出现渲染错误016?017????????$.support.cors = true;018?019????????$.mobile.allowCrossDomainPages = true;020?021????});022?023????var pictureSource; // picture source024?025????var destinationType; // sets the format of returned value026?027????// Wait for Cordova to connect with the device028?029????//030?031????document.addEventListener(deviceready, onDeviceReady, false);032?033????// Cordova is ready to be used!034?035????//036?037????function onDeviceReady() {038?039????????pictureSource = navigator.camera.PictureSourceType;040?041????????destinationType = navigator.camera.DestinationType;042?043????}044?045????// Called when a photo is successfully retrieved046?047????//048?049????function onPhotoDataSuccess(imageData) {050?051????????// Uncomment to view the base64 encoded image data052?053????????// console.log(imageData);054?055????????// Get image handle056?057????????//058?059????????var smallImage = document.getElementById(smallImage);060?061????????// Unhide image elements062?063????????//064?065????????smallImage.style.display = block;066?067????????// Show the captured photo068?069????????// The inline CSS rules are used to resize the image070?071????????//072?073????????//smallImage.src = data:image/jpeg;base64, + imageData;074?075????????smallImage.src = imageData;076?077????