Als je een software engineer op zoek naar een mobiele applicatie te bouwen , wilt u misschien de PhoneGap-framework te overwegen . Op basis van HTML5 , het belangrijkste voordeel van het programmeren van een applicatie die PhoneGap 's camera- application programming interface of API , gebruikt is de cross - compatibiliteit . Als u een toepassing met een eigen taal te ontwikkelen , zijn uw gebruikers beperkt tot het gebruik van apparaten die in staat zijn het lezen van die taal . Echter , met PhoneGap , uw toepassingen kan worden gebruikt op een groot aantal mobiele apparaten, waaronder Android , iOS , Blackberry OS , WebOS en Symbian . U kunt gebruik maken van PhoneGap 's camera- API voor het bouwen van een afbeelding te uploaden functie . Wat je nodig hebt
Javascript
Tekst editing applicatie
Toon Meer Aanwijzingen
1 Open je tekst bewerken applicatie en maak een leeg document waar u de functie programmeren dat een foto met de camera van het apparaat zal nemen en vraagt de gebruiker om het te uploaden . Gebruik een programmeer - specifieke teksteditor of een eenvoudige teksteditor zoals Kladblok , in Microsoft Windows , of TextEdit in Mac OS X, die zijn beide gratis en worden geleverd met de respectievelijke besturingssystemen . Kopen van 2 Definieer de functie die wordt gebruikt voor de opname en bepaalt de bron van het beeld, dat in dit geval de camera apparaat , met behulp van de volgende regels code . Merk op dat de " 0 " naast de eerste " PictureSourceType " geeft aan dat het beeld niet zal komen uit boordbibliotheek het apparaat van bestaande beelden functie PictureSourceType
( ) { } ; . PictureSourceType.Photo_Library = 0 ; PictureSourceType.Camera = 1 ;
3 Geef op wat er moet gebeuren met de foto eenmaal is genomen door het gebruik van de API 's getPicture functie . De onderstaande code geeft aan dat de afbeelding op een kwaliteit van 8 ( van de 10 , dat is het hoogste ) en dat wordt opgeslagen de gebruiker een actie uit te voeren als het eenmaal met succes is gevangen van de camera - in dit geval , zullen ze upload de afbeelding functie getPicture
( Camera ) { var opties = { kwaliteit : 8 } ; } . { navigator.camera.getPicture ( getPicture_Success , null , opties ) ;} ;
4 de gebruiker vragen om de afbeelding te uploaden nadat deze is genomen met behulp van de volgende code . Vervang de URL na " APIPath + " in het voorbeeld hieronder met het URL-pad dat uw aanvraag zal gebruiken om geüploade bestanden op te slaan . Functie getPicture_Success
{ var feedURL = APIPath + " 's /upload /" ; . $ bericht ( feedURL ) ; }
5 Sla de code die u hebt gemaakt in deze tutorial en plak het in het juiste gebied van applicatie -code van uw PhoneGap een functie die maakt gebruik van het raamwerk 's toevoegen camera API .
|
