关于图片的几个API的用法

建议使用真机测试     

  一.my.chooseImage: 拍照或从手机相册中选择图片,默认1张,可以设置参数count来选择 上限9张;点击完成后成功返回apFilePaths数组,里面包含图片的类型和base64编码的图片路径信息;      代码示例如下: 


 my.chooseImage({
    chooseImage: 2,
    success: (res) => {
        img.src = res.apFilePaths[0];
    },
});

     二. my.previewImage: 预览图片;当前图片索引默认为0,current设置预览的图片数量,urls接收一个数组类型的图片链接列表;         代码示例如下: 

my.previewImage({ 
    current: 2, 
    urls: [ 
              'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg', 
              'https://img.alicdn.com/tps/TB1pfG4IFXXXXc6XXXXXXXXXXXX.jpg', 
              'https://img.alicdn.com/tps/TB1h9xxIFXXXXbKXXXXXXXXXXXX.jpg' 
     ], 
});

    三. my.saveImage:

        1.  保存在线图片到手机相册:      代码示例: 

my.saveImage('https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg');

        2.  图片上传: 使用my.chooseImage拍照或从手机相册中选择图片接口得到返回的图片路径信息,通过调用my.uploadFile文件上传接口可以使用来实现图片的上传服务器落库等操作;为了更好的体验可以使用my.previewImage预览图片接口查看选中的图片,从而选择是否增删;代码示例: 

//使用my.chooseImage选择图片,得到返回的图片路径信息
my.chooseImage({ 
     count:9, 
     success: function(res){ 
     //调用my.uploadFile文件上传接口 
     my.uploadFile({ 
         url: 'xxx', // 开发者服务器地址 
         filePath:'xxx', // 要上传文件资源的本地定位符 
         fileName: 'xxx', // 文件名,即对应的 key, 开发者在服务器端通过这个 key 可以获取文件二进制内容 
         fileType: 'image', // 文件类型,image/video 
         success: function(res){ 
             //成功执行 
         }, 
         complete: function(res){ 
            //不管成不成功都执行 
         }, 
       }); 
     }, 
   });

   注意:文件上传fileType目前只支持image和video两种类型;url写的是服务器地址,需解决跨域问题,即前往开发者管理中心,找到相应的小程序应用添加域名白名单。        

3.保存图片: 使用my.saveImage保存在线图片到手机相册,从而实现下载图片的效果;在这提供一下我个人的理解,有什么不对和需要补充之处还请不吝赐教,谢谢各位看官啦! 

上一篇:LDD3学习笔记(2):建立和运行模块


下一篇:《Master Opencv...读书笔记》非刚性人脸跟踪 II