Nwlapcug.com


Tutorial per la fotocamera di Phonegap API

Tutorial per la fotocamera di Phonegap API


Se sei un ingegnere del software cercando di costruire un'applicazione mobile, si può prendere in considerazione il quadro Phonegap. Basato su HTML5, il vantaggio chiave di programmazione di un'applicazione che utilizza fotocamera application programming interface di Phonegap, o API, è la sua croce-compatibilità. Se si sviluppa un'applicazione che utilizza un linguaggio proprietario, gli utenti sono limitati all'utilizzo di dispositivi che sono in grado di leggere tale lingua. Tuttavia, con Phonegap, le applicazioni possono essere utilizzate su un numero di dispositivi mobili, tra cui Android, iOS, Symbian, WebOS e Blackberry OS. È possibile utilizzare API di fotocamera di Phonegap per costruire una caratteristica di caricamento di immagine.

Istruzioni

1

Aprire la vostro applicazione di editing di testo e creare un documento vuoto dove si programmerà la caratteristica che scattare una foto utilizzando la fotocamera del dispositivo e richiedere all'utente di caricarlo. Uso una specifica programmazione editor di testo o un editor di testo di base come il blocco note in Microsoft Windows o TextEdit in Mac OS X, che sono entrambi gratuiti e venire con i rispettivi sistemi operativi.

2

Definire la funzione che verrà utilizzata per scattare la foto e definire l'origine dell'immagine, ovvero in questo caso la fotocamera del dispositivo, utilizzando le seguenti righe di codice. Si noti che lo "0" accanto al primo "PictureSourceType" indica che l'immagine non sarà venuta da libreria a bordo del dispositivo di immagini esistenti.

funzione PictureSourceType() {};
PictureSourceType.Photo_Library = 0;
PictureSourceType.Camera = 1;

3

Specificare che cosa dovrebbe accadere con l'immagine una volta che è preso utilizzando getPicture funzione dell'API. Il codice riportato di seguito consente di specificare che l'immagine verrà salvata in una qualità di 8 (su 10, che è il più alto) e che l'utente eseguirà un'azione una volta con successo è stato catturato dalla macchina fotografica..--in questo caso, si caricherà l'immagine.

funzione getPicture(Camera)
{
var opzioni = {qualità: 8};
}
{
navigator.camera.getPicture (getPicture_Success, null, opzioni);
};

4

Richiedere all'utente di caricare l'immagine dopo che è stato preso da utilizzando il seguente codice. Sostituire l'URL dopo "APIPath +" nell'esempio qui sotto con il percorso dell'URL che l'applicazione utilizzerà per archiviare i file caricati.

funzione getPicture_Success
{
var feedURL = APIPath + "Foto/upload /";
$.post(feedurl);
}

5

Salvare il codice che hai creato in questa esercitazione e incollarlo nell'area appropriata codice di PhoneGap, dell'applicazione per aggiungere una funzionalità che sfrutta la fotocamera del framework API.