如何点击一个按钮访问手机图库，选择完照片后显示在屏幕上

xiaonanhai

如何点击一个按钮访问手机图库，选择完照片后显示在屏幕上？

wangdan

imagepicker使用方法：http://docs.wex5.com/com-synconset-imagepicker/
也可使用attachmentSimple组件：http://docs.wex5.com/comps-attachmentsimple/

xiaonanhai

wangdan 发表于 2016-7-15 14:42
imagepicker使用方法：http://docs.wex5.com/com-synconset-imagepicker/
也可使用attachmentSimple组件：h ...

不行啊   用第一个插件，然后打包时报错了



增加插件:
   使用到的插件: [cordova-plugin-whitelist, cordova-plugin-splashscreen, cordova-plugin-app-preferences, com.justep.cordova.plugin.app.utils, cordova-plugin-x-toast, cordova-plugin-inappbrowser, cordova-plugin-app-version, com.synconset.imagepicker]
****ERROR****: 子任务 "addPlugins" 执行失败。
****ERROR****: 任务 "addPlugins" 执行失败。
****ERROR****: 执行出错：
****ERROR****: 错误信息: java.io.FileNotFoundException: D:\WeX5_V3.4\model\Native\plugins\com.synconset.imagepicker\plugin.xml (系统找不到指定的路径。)
****ERROR****: 如不能确定具体问题，可参考常见问题: http://wex5.com/cn/bbs/thread-82002-1-1.html

wangdan

xiaonanhai 发表于 2016-7-15 16:29
不行啊   用第一个插件，然后打包时报错了

你把整个的日志发过来看一下吧

xiaonanhai

wangdan 发表于 2016-7-15 16:32
你把整个的日志发过来看一下吧

这是报的错

xiaonanhai

wangdan 发表于 2016-7-15 16:32
你把整个的日志发过来看一下吧

这是所有代码
=======================================================


define(function(require){
    var $ = require("jquery");
    require("cordova!com.synconset.imagepicker");
    var utils = require("$UI/demo/plugin/utils");
    var Model = function(){
        this.callParent();
    };
     
    Model.prototype.getPicturesClick = function(event){
        document.addEventListener("deviceready", androidOnDeviceReady, false);
    function androidOnDeviceReady() {
        /*
        调用getPictures有三个参数，成功回调，失败回调和options。option参数仅限于android端使用。
        options有以下几个下参数(maximumImagesCount,width,height,quality,outputType)，说明如下
        options = {         
            图片选择数量默认为15张，如果设置为1张，点选一张图片后即可返回该图片路径。
            最大图片选择数量，规定了每次最多选择几张图片。
            maximumImagesCount: int,
            
            图片的高度和宽度限定，举例说明:如果宽高都设定为800，图片最大为800像素*800像素，如果宽度为800，高度为0，则图片则会有800像素宽。
            如果都写成0，则按照图片大小显示               
            width: int,
            height: int,
            
            图片质量，取值为0-100
            quality: int (0-100),
            
            导出图片的类型，默认为window.imagePicker.OutputType.FILE_URI(实际值为0)，可选window.imagePicker.OutputType.BASE64_STRING (实际值为1)
            outputType: int
            };
        */
        imagePicker.getPictures(androidSuccessCallback, errorCallback,
                {
                    "maximumImagesCount":10,
                    "width":800,
                    "height":800,
                    "quallity":100,
                    "outputType":window.imagePicker.OutputType.FILE_URI
                }
        );
    }
    function androidSuccessCallback(result) {

      if (result.length > 0) {
        var content = '';
        var dfds = [];
        for (var i = 0; i < result.length; i++) {
          (function(){
              var dfd = $.Deferred();
              dfds.push(dfd);
              
              window.resolveLocalFileSystemURI(result,function(entry){
                  content += '<img src="'+ entry.toInternalURL() +'" style="max-width:200px"/>';
                  alert(content);
                  dfd.resolve();
              },function(){
                dfd.resolve();
              });
          })();
        }
         
        $.when.apply($,dfds).done(function(){
            
          document.getElementById("imageOutput").innerHTML = content;
        });
      } else {
        // picker was cancelled
        console.log("没有选择图片");
      }
     
}
    function errorCallback(error) {
        alert("错误信息: " + JSON.stringify(error));
    }
}
    Model.prototype.modelModelConstructDone = function(event) {
        utils.showCode(this,"getPicturesClick").prettyPrint();
    };
    return Model;
});

闰土

报错信息说你这个插件找不到，你去/Native/plugins 下确定有没有这个插件 还有你用的版本是什么？