万粉博主推荐,微信小程序 Flask后端调用AnimeGanV2

2022-10-30 来源:旧番剧
CSDN博客 |云领主
做一个小程序,直接在手机端就能一键生成专属于自己的动漫头像,下面是展示效果!!!

万粉博主推荐,微信小程序 Flask后端调用AnimeGanV2


核心功能设计
该小程序想要实现的是将微信头像或者选择相册中的照片动漫化,所以拆解需求后,整理的核心功能如下:
授权登录获取头像及昵称
选择相册中的图片
点击动漫化按钮,调用Flask后端生成图像
保存图像
微信小程序前端实现步骤
首先新建一个空白的微信小程序项目。
1、登录界面
在 pages/index/index.wxml 设计页面:
<view wx:if="{{canIUse}}"> <view class="header"> <view class="userinfo-avatar"> <open-data type="userAvatarUrl"></open-data> </view> </view> <view class="content"> <view>申请获取以下权限</view> <text>获得您的公开信息(昵称,头像等)</text> </view> <button wx:if="{{canIUse}}" class="loginBtn" type="primary" lang="zh_CN" bindtap="bindGetUserProfile" >
授权登录 </button>
在 pages/index/index.js 添加用户信息验证:
bindGetUserProfile(e) //当用户点击授权登录按钮触发 bindGetUserInfo函数 { var that=this wx.getUserProfile({ desc: "用于完善会员资料", // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写 success: (res) => { // console.log(res.userInfo) var avantarurl=res.userInfo.avatarUrl; wx.navigateTo({ url: "../../pages/change/change?url=" avantarurl , }) }, fail:(res)=>{ console.log(1) } }) },
猜你喜欢
动漫推荐
免责声明:动漫番剧数据来源网络!本站不收费,无vip,请勿上当!

www.jiufanju.com-旧番剧