关于图片的几个API的用法

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

建议使用真机测试     

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

目录
相关文章
|
7月前
|
JavaScript API 开发工具
uni.app cell的用法以及相关api
uni.app cell的用法以及相关api
96 0
|
6月前
|
Java API
JavaSE——常用API进阶二(6/8)-ZoneId、ZoneDateTime、Instant(常见方法、用法示例)
JavaSE——常用API进阶二(6/8)-ZoneId、ZoneDateTime、Instant(常见方法、用法示例)
51 1
|
7月前
|
JSON API 数据格式
详细介绍下PYTHON API的用法
详细介绍下PYTHON API的用法
|
4月前
|
移动开发 数据挖掘 API
HTML5 中 Web Workers API 的用法
【8月更文挑战第24天】
50 0
|
5月前
|
存储 应用服务中间件 API
创建一个随机图片API
通过web服务器(如Apache、Nginx等)访问该文件以获取随机图片。请确保将images数组中的图片路径替换为您自己的图片路径。您还可以扩展该数组,添加更多图片作为可选内容
127 5
|
5月前
|
人工智能 API
应用工程化架构问题之Agent如何掌握API的用法
应用工程化架构问题之Agent如何掌握API的用法
|
6月前
|
Java 机器人 API
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
48 9
|
6月前
|
存储 Java API
JavaSE——常用API进阶二(8/8)-Arrays、Comparable、Comparator(Arrays类提供的的常见方法、用法示例)
JavaSE——常用API进阶二(8/8)-Arrays、Comparable、Comparator(Arrays类提供的的常见方法、用法示例)
39 2
|
6月前
|
安全 Java API
JavaSE——常用API进阶二(7/8)-DateTimeFormatter、Period、Duration(常见方法、用法示例)
JavaSE——常用API进阶二(7/8)-DateTimeFormatter、Period、Duration(常见方法、用法示例)
50 2
|
6月前
|
存储 Java API
JavaSE——常用API进阶二(4/8)-秒杀案例(需求与分析、代码与运行结果)、Calendar(Calendar日历类的常见方法、用法示例)
JavaSE——常用API进阶二(4/8)-秒杀案例(需求与分析、代码与运行结果)、Calendar(Calendar日历类的常见方法、用法示例)
44 1