uniapp保存图片到相册

原创

已于 2022-07-26 16:58:01 修改 · 9.1k 阅读

标签

#保存图片到相册 #authorize #saveimage

收录于

于 2022-07-26 09:15:00 首次发布

本文详细介绍了如何在uniapp微信小程序中实现保存图片到系统相册的功能。首先，通过`uni.authorize`判断用户授权状态，已授权则直接调用`uni.saveImageToPhotosAlbum`保存图片，未授权则引导用户开启权限。具体实现包括在`download.js`中定义相关方法，如`saveImage`、`downLoadImg`和`isAuth`，并在模板中调用。用户点击按钮触发`savePosterTap`，触发图片保存流程。

uniapp微信小程序保存图片到系统相册

文章目录

- uniapp微信小程序保存图片到系统相册
- - 相关API
  - 步骤
  - js文件
  - 使用
  - - template
    - js

步骤

判断用户是否已授权，已授权返回成功，执行保存图片到相册;
如果用户拒绝授权，再次点击保存图片时，引导用户开启权限;

js文件

根据自身需求调整，这里放在js文件[download.js]，方便调用

const app = getApp()

export default {
   
   
	methods: {
   
   
        /**
         * 保存图片
         */
        saveImage() {
   
   
			let that = this;
			// 向用户发起授权请求
			uni.authorize({
   
   
				scope: 'scope.writePhotosAlbum',
				success: () => {
   
   
                    // 已授权
					that.downLoadImg();
				},
				fail: () => {
   
   
                    // 拒绝授权，获取当前设置
					uni.