uni-app实现app-微信小程序点击图片保存到本地相册

本文介绍如何在uni-app中实现app和微信小程序端点击图片保存到本地相册的功能。文中提供了针对微信小程序的权限处理代码,通过button的开放能力实现,并指出其他平台的实现原理相似。
摘要由CSDN通过智能技术生成

uniapp实现app端和微信小程序端图片保存到本地,其它平台未测过,原理类似。

微信小程序端主要是权限需要使用button的开放能力来反复调起,代码如下:

首先是条件编译两个平台的按钮组件:

<!-- #ifndef MP-WEIXIN -->
    <view class="purple_btn btn_box" @click="saveImgToLocal">
        保存到相册
    </view>
    <!-- #endif -->
    
    <!-- #ifdef MP-WEIXIN -->
    <view v-if="openSettingBtnHidden" class="purple_btn btn_box" @click="saveEwm">
        保存到相册
    </view>
    
    <button v-else class="purple_btn btn_box" hover-class="none" open-type="openSetting" @opensetting='handleSetting'>保存到相册</button>
    <!-- #endif -->

js部分如下:

var _self;
export default{
    data(){
        return {
            openSettingBtnHidden: true,//是否授权
            ewmImg:""//这是要保存的图片
        
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app 是一款跨平台应用开发框架,既支持生成 App,也支持生成各个平台的小程序,其中与微信小程序的授权方法有一些不同。 首先,对于 App 来说,可以使用 uni-app 提供的登录模块,该模块支持微信、支付宝等第三方平台的授权登录。对于微信授权登录,可以通过以下步骤实现: 1. 在 uni-app 的项目中安装并引入 uni-login 模块:`npm install @dcloudio/uni-login` 2. 在需要授权的页面中,添加登录按钮或其它触发授权的元素。 3. 在点登录按钮的事件处理函数中,调用 uni.login 方法进行微信登录授权。 4. 在 uni.login 的回调中,可以通过返回的 code 或 token 等信息进行登录验证、获取用户信息等操作。 而对于生成微信小程序uni-app 也提供了相关的授权方式。在 uni-app 中,可以使用 openid 和 unionid 来进行用户标识和登录验证。具体的授权方法如下: 1. 在微信小程序的 app.json 文件中,将 `"appid"` 字段设置为你的小程序的 AppID。 2. 在 uni-app 的项目中引入并使用 uni.login 方法,通过该方法登录获取 code。 3. 将获取到的 code 发送至后台,后台通过 code 调用微信的 API 获取 openid 和 session_key。 4. 后台获取到 openid 和 session_key 后,可以将其存储在数据库中,用于用户标识和登录验证。 总之,无论是在 uni-app 生成 App 还是小程序,都可以通过 uni-login 模块实现微信授权登录。对于 App,可以直接使用登录模块进行授权;对于小程序,可以通过 openid 和 session_key 实现用户标识和登录验证。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值