Html Phonegap从库中获取照片不工作
我已经创建了简单的音频apk。在这个apk中,我为这个选项中的播放按钮添加了一个名为“选择图像”的选项。我有一个问题,从图库中选择的图像没有显示在“播放”按钮中。我已经试过这个代码,它来自phonegap文档。但这对我不起作用。下面是供您参考的代码,我在其中选择了这些图像 我可以知道如何解决这个问题吗。这将对我很有帮助Html Phonegap从库中获取照片不工作,html,jquery-mobile,cordova,photo-gallery,Html,Jquery Mobile,Cordova,Photo Gallery,我已经创建了简单的音频apk。在这个apk中,我为这个选项中的播放按钮添加了一个名为“选择图像”的选项。我有一个问题,从图库中选择的图像没有显示在“播放”按钮中。我已经试过这个代码,它来自phonegap文档。但这对我不起作用。下面是供您参考的代码,我在其中选择了这些图像 我可以知道如何解决这个问题吗。这将对我很有帮助 <input id="mainplay" data-button="play" type="image" src="img/newplay.png" class="audi
<input id="mainplay" data-button="play" type="image" src="img/newplay.png" class="audiodata" id="imgData" alt="Submit" width="70" height="70" />
</div>
function getPhoto(source) {
// Retrieve image file location from specified source
navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50,
destinationType: destinationType.FILE_URI,
sourceType: source });
}
function onPhotoURISuccess(imageURI) {
var largeImage = document.getElementById('largeImage');
largeImage.style.display = 'block';
localStorage.setItem("imgData", imageURI);
$('#imgData').attr('src', imageURI);
largeImage.src ="data:image/jpeg;base64," + imageURI;
}
<div data-role="page" id="home">
<div class="ui-btn-right">
<a class="alignment ui-btn-active ui-state-persist" data-role="button" data-icon="gear" data-iconpos="notext"></a>
</div>
<div id="settings" style="display:none;">
<a href="#home" data-inline="true" data-icon="back" data-role="button" class="settings alignment" data-theme="e" data-iconpos="notext">Back</a><br><br>
<fieldset class="ui-field-contain">
<label for="Choose Audio">Choose Audio</label>
<select class="audioselect" name="selectaudio" id="selectaudio">
<option value="/android_asset/www/audio/Commercial DEMO - 15.mp3">Commercial DEMO</option><option value="/android_asset/www/audio/p1rj1s_-_rockGuitar.mp3">RockGuitar</option>
</select>
</fieldset><br>
<fieldset class="ui-field-contain">
<label for="Volume">Volume Control</label><br>
<span class="tooltip"></span> <!-- Tooltip -->
<div id="slider"></div> <!-- the Slider -->
<span class="volume"></span> <!-- Volume -->
</fieldset><br>
<fieldset>
<button data-inline="true" onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">Choose Photos</button>
<div style="display:none;"><img id="largeImage" src="" /></div> </fieldset><br>
</div>
<input id="mainplay" data-button="play" type="image" src="img/newplay.png" class="audiodata" id="imgData" alt="Submit" width="70" height="70" />
</div>
函数getPhoto(源代码){
//从指定源检索图像文件位置
navigator.camera.getPicture(onPhotoURISuccess,onFail,{质量:50,
destinationType:destinationType.FILE\u URI,
sourceType:source});
}
函数onPhotoURISuccess(imageURI){
var largeImage=document.getElementById('largeImage');
largeImage.style.display='block';
setItem(“imgData”,imageURI);
$('imgData').attr('src',imageURI);
largeImage.src=“数据:图像/jpeg;base64,”+imageURI;
}
选择音频
商业摇滚吉他
音量控制
选择照片
- 我在代码中没有看到对phonegap.js的引用李>
- JavaScript代码周围没有脚本标记
- 您需要一个ondeviceready函数并添加这两行代码 pictureSource=navigator.camera.PictureSourceType; destinationType=navigator.camera.destinationType
请进一步阅读并仔细研究完整示例。您使用的是哪种版本的cordova?任何控制台错误?.cordova 3.5.1版本您是否添加了所需插件。.是的,我已通过cmd添加了所需插件照相机和媒体插件。我的问题是函数在前端选择图片,但它没有进入OnPhotoUrisSuccess函数。这是个问题,我不知道为什么要进入该函数?请尝试使用较低的版本..因为上周我的一个朋友在3.5.1中的contact api中发现了问题,现在cordova社区解决了问题..您的代码似乎没问题…在构建phonegap.js时,将自动包含在路径D:\mobileapps\finalaudio\platforms\android\assets\www中,我没有在这里粘贴整个代码,我只是显示了我的代码所在的位置结巴