Html 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

我已经创建了简单的音频apk。在这个apk中,我为这个选项中的播放按钮添加了一个名为“选择图像”的选项。我有一个问题,从图库中选择的图像没有显示在“播放”按钮中。我已经试过这个代码,它来自phonegap文档。但这对我不起作用。下面是供您参考的代码,我在其中选择了这些图像

我可以知道如何解决这个问题吗。这将对我很有帮助

<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中,我没有在这里粘贴整个代码,我只是显示了我的代码所在的位置结巴