【微信小程序】小程序自定义随机分享图片

 🍉🍉🍉大家好,我是痴心阿文,你们的学友哥 。

本章内容:微信小程序分享功能,支持自定义分享随机图片。看完需要花费5分钟,效果图如下:

  🍉🍉🍉HTML 区域

<button open-type='share' type='warn' size="mini" plain="true" id='btnShare0'>推荐给好友</button>

  🍉🍉🍉JS区域 

//分享功能onShareAppMessage: function (res) {var shareimg = ["https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/01/01/ChMkJ1mhRcaISLHUAAaIAQtVJyoAAf_UAJK9e8ABogZ224.jpg","https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/01/01/ChMkJ1mhRciIK04QAAPSUiTmb7UAAf_UAJRfggAA9Jq257.jpg","https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/01/01/ChMkJ1mhRciIGHuyAAIISdSwzIYAAf_UAJ1MKkAAghh731.jpg"
]
var randomImg = shareimg[Math.floor(Math.random() * shareimg.length)];
return {title: '标题',desc: '文案',path: '路径',imageUrl: randomImg, // 可以更换分享的图片success: function (res) {// 转发成功wx.showToast({title: '分享成功',icon: "none"});},fail: function (res) {// 转发失败wx.showToast({title: '分享失败',icon: "none"})}
}
},

res打印的是分享的来源,是按钮还是menu 

 

 分享事件监听生命周期

  //分享页面设置开启分享群信息 痴心阿文/*** 生命周期函数--监听页面加载*/onLoad: function(options) {wx.showShareMenu({withShareTicket: true})},/*** 生命周期函数--监听页面显示*/onShow: function() {wx.showShareMenu({withShareTicket: true})}

🍉🍉🍉教程结束,觉得有帮助帮忙点个👍支持一下~

 

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

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

小程序设置按钮分享功能

一般小程序分享可以通过右上角的分享功能进行分享&#xff0c;如果想要在页面内进行按钮设置。可以这样子设置&#xff1a; 效果图&#xff1a; WXML中&#xff1a; 定义button按钮来触发分享事件&#xff0c;在button标签上写上 open-typeshare’属性 <button open-type…

uniapp中的分享功能实现(APP,小程序,公众号)

uniapp中的分享功能实现(APP,小程序&#xff0c;公众号) 1.APP端的分享 app端的分享可以直接使用uniapp封装的方法uni.share&#xff0c;uni-app的App引擎已经封装了微信、QQ、微博的分享SDK&#xff0c;开发者可以直接调用相关功能。可以分享到微信、QQ、微博&#xff0c;每个…

微信小程序分享功能开发及调试方法

首先说一下使用方法如下&#xff0c;Button组件设置open-type"share"即可触发onShareAppMessage完成分享功能 <button class"toudi" open-type"share" catchtap"toujianli" data-qyuid{{[item.uid,item.id,3,item.provinceid,item…

微信小程序 分享功能

1、分享 可以分享小程序的任何一个页面给好友或群聊。注意是分享给好友或群聊&#xff0c;并没有分享到朋友圈。一方面微信在尝试流量分发方式&#xff0c;但同时又不愿意开放最大的流量入口。 开发文档&#xff1a;https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?…

小程序一键分享html5,H5手机网站封装微信小程序并实现分享功能的教程

通过本文教程可以实现将H5手机网站直接封装成微信小程序&#xff0c;并且支持分享功能。但不支持微信支付功能。 说明&#xff1a;手机站域名必须开启https模式 第一步&#xff1a; 微信开发者工具中创建小程序&#xff0c;填写你自己的小程序AppID 第二步&#xff1a;修改app.…

uni-app 微信小程序 分享功能 传参 接收 与 调试

uni-app 微信小程序 功能 传参 接收 与 调试 当使用微信小程序进行分享好友功能时&#xff0c;怎样能够联调&#xff0c;查看是否接收到参数&#xff0c;并在被分享人点进来的时候逻辑处理是否正确。 1、分享功能实现 分享给朋友 有两种方式&#xff1a; 第一种就是 微信右上…

Python:Python编程:从入门到实践__超清版:Python标准库

Python标准库 1. OrderedDict2. threading三级目录 Python标准库是一组模块&#xff0c;按照的Python都包含了它&#xff0c;我们只需要在程序开头包含一条简单的 import 语句&#xff0c;就可以使用标准库中的任何函数和类。 下面我介绍几个重点 标准库 os : 提供一些与操作系…

JointJS+ v3.7 Crack

JointJS v3.7 改进了对 SVG 上下文中的外部对象的支持。 2023 年 5 月 30 日 - 16:00 新版本 特征 改进了对外部对象 (HTML) 的支持- 外部对象已成为 Web 开发的标准&#xff0c;JointJS 现在已经在 SVG 上下文中引入了对外部对象的全面且功能齐全的支持。这意味着您现在可以在…

ElasticSearch安装部署

ElasticSearch安装部署 简介 全文搜索属于最常见的需求&#xff0c;开源的 Elasticsearch &#xff08;以下简称 es&#xff09;是目前全文搜索引擎的首选。 它可以快速地储存、搜索和分析海量数据。维基百科、Stack Overflow、Github 都采用它。 Elasticsearch简称es&…

新版微头像V2.1.8版全套iApp源码

正文: 微头像 v2.1.8版全套iapp源码 1、海量头像精选&#xff0c;千万张找到最适合你的! 2、每日推荐热门头像&#xff0c;涵盖动漫、明星、二次元、可爱、等热门头像。让你瞬间焕发聊天活力! 3、提供多种分类&#xff0c;类别清晰明确&#xff0c;快速找到自己的爱好。让你…

怎样关闭qq位置定位服务器,手机qq怎么关闭定位

设置方法&#xff1a;首先打开手机QQ&#xff0c;点击“动态”——“附近”&#xff0c;点击“附近的人”右侧的漏斗图标&#xff0c;点击“清除位置信息并退出”即可完成操作。 QQ使用技巧&#xff1a;1、手机QQ可以关闭看点功能&#xff0c;首先打开手机QQ客户端&#xff0c;…

【Pytorch】DCGAN实战(三):二次元动漫头像生成

文章目录 1.实现效果2.环境配置2.1Python2.2Pytorch、CUDA2.3Python IDE 3.具体实现3.1数据预处理&#xff08;data.py&#xff09;&#xff08;1&#xff09;导入包&#xff08;2&#xff09;定义数据类 3.2模型Generator&#xff0c;Discriminator&#xff0c;权重初始化&…

【Pytorch学习】复现DCGAN训练生成动漫头像

先看一下结果&#xff1a; 1&#xff0c;环境安装指令 conda create -n pytorch python3.7 activate pytorch conda install pytorch torchvision torchaudio cudatoolkit11.3 -c pytorch pip install matplotlib pip install IPython pip install opencv-python 2&#xff0…

利用python+百度智能云为人物头像动漫化(附API代码及SDK代码)

文章目录 前言1.2、打开第一个搜索结果1.3、点击立即使用1.4、创建应用1.5、获取APPID等参数 二、API与SDK的使用1.API代码2.SDK使用2.1.首先下载python 的SDK&#xff1a;2.2.用编译软件打开aip-python-sdk-4.15.1文件夹并在aip目录下创建py文件2.3.SDK代码 总结 前言 利用py…

java基于ssm的卡通动漫网站

本系统设计为卡通动漫网站系统管理&#xff0c;主要功能是前台展示网站新闻信息&#xff0c;具有分类展示功能及在线留言和对文章的在线评论等功能&#xff0c;网站用户的注册&#xff0c;系统简介等。管理员后台的管理&#xff0c;管理员登录后台后可对现有管理员进行增加删除…

Python使用AI photo2cartoon制作属于你的漫画头像

Python使用AI photo2cartoon制作属于你的漫画头像 1. 效果图2. 原理3. 源码参考 git clone https://github.com/minivision-ai/photo2cartoon.git cd ./photo2cartoon python test.py --photo_path images/photo_test.jpg --save_path images/cartoon_result.png1. 效果图 官方…

php 照片变成卡通照片,怎么把照片做成q版卡通 照片变q版卡通人物 q版卡通头像制作...

想要把自己的头像变成真人q版卡通漫画&#xff0c;偷偷问了一个漫画家怎么制作的&#xff0c;他说用电脑手绘&#xff0c;得有画画基础才行&#xff0c;小编这下子就打了退堂鼓了&#xff0c;照片制作视频容易&#xff0c;但是自己画画太难了。有什么比较容易方法把照片做成q版…

刘诗诗吴奇隆大婚热吻头像

吴奇隆刘诗诗巴厘岛甜蜜完婚,现场布置鲜花簇拥,碧海蓝天,宛若仙境。想知道他们的两人结婚头像吗?小编为你采撷一些婚礼头像&#xff0c;重点新娘子美的不要不要的&#xff01;

Python实用案例,Python脚本实现快速卡通化人物头像,让我想起了QQ秀时光!

往期回顾 Python脚本实现天气查询应用 Python实现自动监测Github项目并打开网页 Python实现文件自动归类 Python实现帮你选择双色球号码 Python实现每日更换“必应图片”为“桌面壁纸” Python实现批量加水印 Python实现破译zip压缩包 Python实现批量下载百度图片 前言…

怎么制作真人qq秀_一分钟简单制作一个专属于自己的卡通头像

点击蓝字关注我们 制作一个专属于自己的卡通头像很简单&#xff0c;我们常用的美图秀秀软件就可以轻松制作。 首选在应用市场搜索美图秀秀下载后选择工具箱打开&#xff0c;找到实用工具中的动漫化身这个选项&#xff1b; 打开后点击绘制动漫形象&#xff0c;可以在相册中选择一…