app 多图片分享至微信朋友圈

 由于微信分享的sdk 只能一张图片,大多数情况想展示多个图片,怎么办?  

  private static void shareMultiplePicture(Context context, File... files) {
        Intent intent = new Intent();
        ComponentName comp = new ComponentName("com.tencent.mm",
                "com.tencent.mm.ui.tools.ShareToTimeLineUI");
        intent.setComponent(comp);
        intent.setAction(Intent.ACTION_SEND_MULTIPLE);
        intent.setType("image/*");
        ArrayList<Uri> imageUris = new ArrayList<Uri>();
        for (File f : files) {
            imageUris.add(Uri.fromFile(f));
        }
        intent.putParcelableArrayListExtra(Intent.EXTRA_STREAM, imageUris);
        try {
            ((BaseActivity) context).startActivityForResult(intent, 0);
        } catch (ActivityNotFoundException exception) {
            ToastUtil.showToast(context, "没安装微信。");
        } catch (Exception e) {
            ToastUtil.showToast(context, "异常");
        }


    }


在uniapp分享图片微信需要使用微信的JS-SDK,具体步骤如下: 1. 在微信公众平台申请开发者账号,创建应用,获取appid和appsecret。 2. 在uniapp项目的index.html中引入以下JS文件: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 3. 在需要分享的页面中,使用uni.request向后台请求获取微信JS-SDK配置信息: ```javascript uni.request({ url: 'https://xxx.com/getWxConfig', method: 'POST', data: { url: window.location.href.split('#')[0] // 当前页面的URL }, success: res => { if (res.data.code === 0) { const wxConfig = res.data.data wx.config({ debug: false, // 调试模式 appId: wxConfig.appId, timestamp: wxConfig.timestamp, nonceStr: wxConfig.nonceStr, signature: wxConfig.signature, jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData'] // 需要使用的接口 }) } } }) ``` 4. 在wx.config的回调函数中,调用wx.ready方法,初始化分享配置: ```javascript wx.ready(function () { wx.updateAppMessageShareData({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 link: '分享链接', // 分享链接 imgUrl: '分享图片链接', // 分享图片链接 success: function () { // 分享成功回调函数 }, cancel: function () { // 分享取消回调函数 } }) wx.updateTimelineShareData({ title: '分享标题', // 分享标题 link: '分享链接', // 分享链接 imgUrl: '分享图片链接', // 分享图片链接 success: function () { // 分享成功回调函数 }, cancel: function () { // 分享取消回调函数 } }) }) ``` 5. 在需要触发分享的事件中,调用wx.showMenuItems,显示分享菜单,并触发分享: ```javascript wx.showMenuItems({ menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline'] // 显示分享菜单 }) document.getElementById('shareBtn').addEventListener('click', function () { wx.showMenuItems({ menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline'] // 显示分享菜单 }) wx.ready(function () { wx.updateAppMessageShareData({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 link: '分享链接', // 分享链接 imgUrl: '分享图片链接', // 分享图片链接 success: function () { // 分享成功回调函数 }, cancel: function () { // 分享取消回调函数 } }) wx.updateTimelineShareData({ title: '分享标题', // 分享标题 link: '分享链接', // 分享链接 imgUrl: '分享图片链接', // 分享图片链接 success: function () { // 分享成功回调函数 }, cancel: function () { // 分享取消回调函数 } }) wx.showMenuItems({ menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline'] // 显示分享菜单 }) wx.onMenuShareAppMessage({ title: '分享标题', // 分享标题 desc: '分享描述', // 分享描述 link: '分享链接', // 分享链接 imgUrl: '分享图片链接', // 分享图片链接 success: function () { // 分享成功回调函数 }, cancel: function () { // 分享取消回调函数 } }) wx.onMenuShareTimeline({ title: '分享标题', // 分享标题 link: '分享链接', // 分享链接 imgUrl: '分享图片链接', // 分享图片链接 success: function () { // 分享成功回调函数 }, cancel: function () { // 分享取消回调函数 } }) }) }) ``` 以上就是uniapp分享图片微信的具体步骤了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱吾所爱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值