【小程序】保存图片到本地相册

现在就为大家讲解图片保存到本地的方法

常见的保存图片触发事件类型:

长按图片触发函数保存到本地,点击按钮触发函数保存到本地

回调函数代码如下:

//获取图片信息
wx.getImageInfo({
	src: this.data.shareimg,
	success: function (res) {
		var path = res.path;
		//保存图片到本地
		wx.saveImageToPhotosAlbum({
			filePath: path,
			success: function () {
				wx.showToast({
					title: '保存成功'
				})
			},
			fail: function (res) {
				wx.showToast({
					title: '保存失败',
					icon: 'none'
				})
			}
		})
	}
})

wx.getImageInfo 的参数列表

属性说明类型是否必填
src图片的路径,可以是相对路径、临时文件路径、存储文件路径、网络图片路径string
success接口调用成功的回调函数function
fail接口调用失败的回调函数function
complete接口调用结束的回调函数(调用成功、失败都会执行)function

success 回调函数的参数列表

属性类型说明
widthnumber图片原始宽度,单位px。不考虑旋转。
heightnumber图片原始高度,单位px。不考虑旋转。
pathstring图片的本地路径
orientationstring拍照时设备方向
typestring图片格式

orientation 的合法值

说明
up默认方向(手机横持拍照),对应 Exif 中的 1。或无 orientation 信息。
up-mirrored同 up,但镜像翻转,对应 Exif 中的 2
down旋转180度,对应 Exif 中的 3
down-mirrored同 down,但镜像翻转,对应 Exif 中的 4
left-mirrored同 left,但镜像翻转,对应 Exif 中的 5
right顺时针旋转90度,对应 Exif 中的 6
right-mirrored同 right,但镜像翻转,对应 Exif 中的 7
left逆时针旋转90度,对应 Exif 中的 8

wx.saveImageToPhotosAlbum 的参数列表

属性类型是否必填说明
filePathstring图片文件路径,可以是临时文件路径或永久文件路径,不支持网络图片路径
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
### 如何在 IntelliJ IDEA 中配置和使用 Swagger #### 添加 Maven 依赖 为了使 Swagger 能够工作,在 `pom.xml` 文件中需加入特定的依赖项。这可以通过编辑项目的构建文件来完成: ```xml <dependencies> <!-- swagger2 --> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.8.0</version> </dependency> <!-- swagger ui --> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger-ui</artifactId> <version>2.8.0</version> </dependency> </dependencies> ``` 这些依赖会引入必要的库用于生成 API 文档以及提供交互式的 UI 页面[^4]。 #### 创建 Swagger 配置类 接着创建一个新的 Java 类用来初始化并配置 Swagger 实例。通常命名为类似于 `SwaggerConfig.java` 的名称,并放置于合适的位置,比如 `config` 包内: ```java import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import springfox.documentation.builders.ApiInfoBuilder; import springfox.documentation.service.ApiInfo; import springfox.documentation.spi.DocumentationType; import springfox.documentation.spring.web.plugins.Docket; @Configuration public class SwaggerConfig { @Bean public Docket api() { return new Docket(DocumentationType.SWAGGER_2) .apiInfo(apiInfo()) .select() .build(); } private ApiInfo apiInfo(){ return new ApiInfoBuilder().title("API文档").description("").termsOfServiceUrl("") .contact(new Contact("", "", "")) .license("").licenseUrl("").version("1.0") .build(); } } ``` 这段代码定义了一个 Spring Bean 来设置 Swagger 的基本信息和其他选项。 #### 启动应用测试 当上述步骤完成后,启动应用程序即可访问默认路径 `/swagger-ui.html` 查看自动生成的 RESTful 接口文档界面。通过浏览器打开该链接可以浏览到所有已暴露出来的 HTTP 请求方法及其参数说明等信息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值