《微信小程序开发从入门到实战》学习七十六

6.9 图片API

使用图片API可对用户手机中的图片进行一些操作。

6.9.1 保存图片API

使用wx.saveImageToPhotosAlbum可将图片文件保存到系统相册。调用该接口需要用户授权scope.writePhotosAlbum。示例代码如下:

    wx.saveImageToPhotosAlbum({

      filePath: someImagePath, // 图片路径,可以是临时文件路径或永久文件路径,不支持网络路径

      success(res) {

        // do something

      }

    })

6.9.2 预览图片API

    wx.previewImage可在新页面全屏预览图片,预览时用户可保存图片、发送给朋友等操作。示例代码如下:

    wx.previewImage({

      urls: [], // 需要预览的图片http链接列表,基础库2.2.3版本起支持云文件ID

      current: '' // 当前显示图片的链接,默认为url的第一张

    })

6.9.3 选择图片API

使用wx.chooseImage可从本地相册选择图片或用相机拍照并获取文件。使用方法如下:

    wx.chooseImage({

      count: 1, // 最多可以选择的图片张数,默认为9

      sizeType: ['original', 'compressed'], // 所选图片的尺寸(原图、缩略图)

      sourceType: ['album', 'camera'], // 选择图片的来源(相册、相机)

      success(res) {

        if (res.tempFiles.length > 0) {

          console.log(res.tempFiles[0].path) // 第一个图片的路径(临时文件)

          console.log(res.tempFiles[0].size) // 第一个图片的大小

        }

      }

    })

6.9.4 图片信息API

使用wx.getImageInfo接口可以获取图片信息。Object参数的src属性传入图片路径,可以是小程序项目中的路径,可以是小程序的临时文件路径,存储路径,可以时网络图片路径,网络图片需先配置download域名才能生效。

示例代码如下:

    wx.getImageInfo({

      src: '/imgs/btn-img1.png', //小程序项目中的文件的路径

      success(res) {

        console.log(res.width) // 图片的宽度

        console.log(res.height) // 图片的高度

        console.log(res.path) // 图片的路径

        console.log(res.type) // 图片的格式,基础库1.9.0开始支持

        console.log(res.orientation) // 拍照时设备的方向,基础库1.9.0开始支持

      }

    })

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/607315.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

astadmin安装querylist插件Puppeteer

我本来是想在linux服务器上安装,折腾了一天也没安装成功,由于急着用,就先做window10上安装了,以后有时间再研究centos7上安装 一 首先需要安装fastadmin 框架和querylist插件 这个大家可以自行安装,querylist安装地址…

Spring Boot中加@Async和不加@Async有什么区别?设置核心线程数、设置最大线程数、设置队列容量是什么意思?

在 Spring 中,Async 注解用于将方法标记为异步执行的方法。当使用 Async 注解时,该方法将在单独的线程中执行,而不会阻塞当前线程。这使得方法可以在后台执行,而不会影响主线程的执行。 在您提供的代码示例中,a1() 和…

「 PyMuPDF专栏 」PyMuPDF为PDF文件添加注释

文章目录 一、PyMuPDF的安装与基本使用1. 安装PyMuPDF库的方法2. 导入PyMuPDF库二、新建PDF文档1. 创建一个空白的PDF文档三、添加注释1. 导入库并打开PDF文件2. 选择要添加注释的页面3. 创建并添加注释3.1. 文本注释3.1.1. 完整代码3.1.2. 注释效果图3.2. 高亮注释3.2.1. 完整…

LitJson-Json字符串转对像时:整型与字符串或字符串转:整型进的类型不一致的处理

目录 问题描述上代码测试代码各位看官,打赏个1元吧 Json数据格式是大家在游戏开中常量用的一种数据格式,某种程度上可以说是必备的。对unity开发来说,LitJson这个json库应该是被使用最多的json库了。 问题描述 今天说要的其中的这个api: Jso…

Arcgis像元统计数据

目录 单幅影像统计多幅影像统计 单幅影像统计 现有一幅NDVI影像,如何知道影像中NDVI的分布情况呢? 先栅格转点,然后在属性表中查看汇总情况 还有一种方法就是在ENVI中打开, -0.3-0.338占据了99% 多幅影像统计 现有多幅NDVI影…

用css给宽高不固定的矩形画对角线

.kong{width: 200rpx;height: 76rpx;background: linear-gradient(to bottom right, #E5E5E5 0%, rgba(0, 0, 0, 0.1) calc(50% - 1px),#175CFF 50%, rgba(0, 0, 0, 0.1) calc(50% 1px),rgba(0, 0, 0, 0.1) 100%);}参考: https://blog.csdn.net/weixin_38779534/a…

Qt实现简单的分割窗口

最近在学习一些关于Qt的新知识,今天来讲述下我学习到的窗口分割,如果有不正确的,大家可以指正哦~ 首先,先看一下实现之后的简单效果吧!省的说的天花乱坠,大家却不知道说的是哪个部分。 功能实现 整体demo…

【算法与数据结构】70、LeetCode爬楼梯

文章目录 一、题目二、解法三、完整代码 所有的LeetCode题解索引,可以看这篇文章——【算法和数据结构】LeetCode题解。 一、题目 二、解法 思路分析:   程序如下: 复杂度分析: 时间复杂度: O ( ) O() O()。空间复…

第四站:C/C++基础-指针

目录 为什么使用指针 函数的值传递,无法通过调用函数,来修改函数的实参 被调用函数需要提供更多的“返回值”给调用函数 减少值传递时带来的额外开销,提高代码执行效率 使用指针前: 使用指针后: 指针的定义: 指针的含义(进阶): 空指针…

Android 正圆

<?xml version"1.0" encoding"utf-8"?> <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"wrap_content"android:layout_height"wrap_content"android:padding&…

x-cmd pkg | gh - GitHub 官方 CLI

目录 简介首次用户功能特点与 x-cmd gh 模块的关系相关作品进一步探索 简介 gh&#xff0c;是由 GitHub 官方使用 Go 语言开发和维护的命令行工具&#xff0c;旨在脚本或是命令行中便捷管理和操作 GitHub 的工作流程。 注意: 由于 x-cmd 提供了同名模块&#xff0c;因此使用官…

Java版商城:Spring Cloud+SpringBoot b2b2c实现多商家入驻直播带货及 免 费 小程序商城搭建的完整指南

随着互联网的快速发展&#xff0c;越来越多的企业开始注重数字化转型&#xff0c;以提升自身的竞争力和运营效率。在这个背景下&#xff0c;鸿鹄云商SAAS云产品应运而生&#xff0c;为企业提供了一种简单、高效、安全的数字化解决方案。 鸿鹄云商SAAS云产品是一种基于云计算的软…

OpenFeign服务调用

一、Feign Feign 是一个声明式webservice客户端,使用Feign 能让编写Web Service客户端更简单 &#xff0c;它的使用方法是 定义一个服务接口然后在上面添加注解。Spring Cloud对Feign 进行了封装&#xff0c;使其支持了Spring Mvc 标准注解和HttpMessageConverters ,Fegin可以…

L1-008 求整数段和(Java)

题目 给定两个整数A和B&#xff0c;输出从A到B的所有整数以及这些数的和。 输入格式&#xff1a; 输入在一行中给出2个整数A和B&#xff0c;其中−100≤A≤B≤100&#xff0c;其间以空格分隔。输出格式&#xff1a; 首先顺序输出从A到B的所有整数&#xff0c;每5个数字占一行…

【Python】 python简介开发环境

1. python简介 Python是由荷兰人吉多范罗苏姆 (Guido von Rossum&#xff0c;后面称呼为Guido,"龟叔“)发明的一种编程语言&#xff0c;是目前世界上最受欢迎和拥有最多用户群体的编程语言。 (1).Python的历史 1.1989年圣诞节:Guido开始写Python语言的编译器。 2.1991年…

大创项目推荐 深度学习图像风格迁移

文章目录 0 前言1 VGG网络2 风格迁移3 内容损失4 风格损失5 主代码实现6 迁移模型实现7 效果展示8 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; 深度学习图像风格迁移 - opencv python 该项目较为新颖&#xff0c;适合作为竞赛课题…

如何护理特发性震颤患者?

特发性震颤是一种神经系统疾病&#xff0c;主要表现为身体某些部位的持续性、不自主的震颤。对于特发性震颤患者的护理&#xff0c;需要从多个方面入手&#xff0c;提供全方位的支持和照顾。 首先&#xff0c;心理支持是关键。特发性震颤患者可能会因为身体的震颤而感到焦虑、…

伪装用户代理:了解Python库fake_useragent

在进行网络爬虫、自动化测试或其他需要模拟真实用户行为的任务时&#xff0c;一个常见的挑战是如何避免被服务器识别为机器人或爬虫。为了解决这个问题&#xff0c;Python开发者可以借助fake_useragent库&#xff0c;轻松生成伪装的用户代理字符串。 fake_useragent是一个方便…

【Spring】17 @Component 注解

文章目录 1. 定义2. 好处3. 示例代码4. 组件命名总结 在 Spring 框架中&#xff0c; Component 注解是一个 通用的注解&#xff0c;用于标识一个类为 Spring 容器管理的 组件。它就可以让这个类成为 Spring IoC 容器中的一个 Bean&#xff0c;并允许 通过扫描机制自动发现和…

如何预防特发性震颤的发生?

特发性震颤是一种神经系统疾病&#xff0c;其特点是身体某些部位出现不由自主的、持续性的、细微的震颤。这种震颤可能会影响患者的日常生活和工作&#xff0c;如书写、用餐、讲话等。为了预防特发性震颤的发生&#xff0c;我们可以采取一系列措施。 保持健康的生活方式&#…