selezionare un'immagine nella galleria del telefono con phonegap
Ciao ragazzi,
sto facendo delle prove con phonegap. Sto cercando di fare un'applicazione che cliccando un bottone apre la galleria immagini del telefono fa scegliere una foto e la mette in un campo immagine in basso. Ho scritto questo codice:
codice:
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap</title>
<link rel="stylesheet" href="master.css" type="text/css" media="screen" title="no title">
<script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
<script type="text/javascript" charset="utf-8" src="main.js"></script>
<script type="text/javascript">
function caricaImg(){
navigator.camera.getPicture( cameraSuccess, cameraError, { quality: 50,
Camera.sourceType = Camera.PictureSourceType.PHOTOLIBRARY});
}
function cameraSuccess(imageURI){
image = document.getElementById("viewport");
image.src = "data:image/jpeg;base64,"+imageURI;
}
function cameraError(message){
alert('Failed because: ' + message);
}
</script>
</head>
<body onload="init();" id="stage" class="theme">
<h1>premi il pulsante per prendere una foto dalla galleria</h1>
<a href="#" class="btn large" onclick="caricaImg();">carica un'immagine</a>
<a href="#" class="btn large" onclick="get_contacts();return false;">Get Phone's Contacts</a>
<dl>
<dt>Compass Heading:</dt><dd id="h">Off</dd>
</dl>
<a href="#" class="btn large" onclick="toggleCompass();return false;">Toggle Compass</a>
<div id="viewport" class="viewport" style="display: none;">
<img style="width:60px;height:60px" id="test_img" src="" />
</div>
</body>
</html>
il problema č che quando clicco sul pulsante "carica un'immagine" dice:
ReferenceError: Can't find variable: caricaImg at file:///android_asset/www/index.html:46
se perņ sostitusco il contenuto della funzione caricaImmagine con un alert, allroa funziona.
Come posso risolvere? Grazie