微擎 wx.config nonceStr signature 上传图片视频定位

素颜马尾好姑娘i 2023-01-03 04:03 155阅读 0赞

参考：[https://www.kancloud.cn/hl449006540/we-engine-datasheet/1106664][https_www.kancloud.cn_hl449006540_we-engine-datasheet_1106664]

`1、PHP`文件中设置

//分享设置
    $shareCon = array(  
        'title' => '分享标题',
        'desc' => '分享描述',
        'imgUrl' => __DIR__ . '/../../img/share_img.jpg',
    );
    
    $signPackage = $_W['account']['jssdkconfig'];

2、前端或模版文件中加入

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

3、同时在前端中加入对应的`javascript`代码块

<script>
        wx.config({
            debug: false,
            appId: '{$signPackage["appId"]}',
            timestamp: '{$signPackage["timestamp"]}',
            nonceStr: '{$signPackage["nonceStr"]}',
            signature: '{$signPackage["signature"]}',
            jsApiList: [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'onMenuShareQZone'
            ]
        });
    
        wx.ready(function(){
            // 分享朋友圈
            wx.onMenuShareTimeline({
                title:'{$shareCon["title"]}',
                link:window.location.href,
                imgUrl:'{php echo tomedia($shareCon["imgUrl"]);}',
                success:function(){
                    //发送成功的方法
                    // alert('已分享');
                },
                cancel:function(){
                    //发送取消的方法
                    // alert('已取消');
                }
            });
    
    // 分享给朋友
            wx.onMenuShareAppMessage({
                title:'{$shareCon["title"]}',
                desc:'{$shareCon["desc"]}',
                link:window.location.href,
                imgUrl:'{php echo tomedia($shareCon["imgUrl"]);}',
                success:function(){
                    //发送成功的方法
                    // alert('已分享');
                },
                cancel:function(){
                    //发送取消的方法
                    // alert('已取消');
                }
            });
        })
    </script>

[https_www.kancloud.cn_hl449006540_we-engine-datasheet_1106664]: https://www.kancloud.cn/hl449006540/we-engine-datasheet/1106664

发表评论取消回复

表情：

评论列表（有 0 条评论，155人围观）

还没有评论，来说两句吧...

相关阅读

相关 wangeditor图片视频上传配置

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>

桃扇骨/ 2024年03月25日 09:30/ 0 赞/ 149 阅读

相关上传图片和视频

SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd/"); @ApiOperation(v

刺骨的言语ヽ痛彻心扉/ 2023年09月23日 16:14/ 0 赞/ 236 阅读

相关微信小程序实现上传视频 / 上传图片功能以及整合上传视频 / 上传图片功能(超详细)

微信小程序有自己封装好的我们直接拿过来用就可以了接下来我们看看如何实现的吧上传图片功能效果如下: ![watermark_type_ZmFuZ3poZW

本是古典何须时尚/ 2023年02月17日 02:47/ 0 赞/ 116 阅读

相关微擎手机端上传图片

1、在php文件加代码： load()->func('tpl'); $images = ''; 2、html模板文件：在文件顶部，即“<!DOCTYPE

喜欢ヅ旅行/ 2023年01月03日 04:50/ 0 赞/ 268 阅读

相关微擎 wx.config nonceStr signature 上传图片视频定位

参考：[https://www.kancloud.cn/hl449006540/we-engine-datasheet/1106664][https_www.kancloud.

素颜马尾好姑娘i/ 2023年01月03日 04:03/ 0 赞/ 156 阅读

相关 js上传图片视频

<html> <head> <style> .visually-hidden { position: absolute !import

﹏ヽ暗。殇╰゛Y/ 2022年12月10日 02:23/ 0 赞/ 487 阅读

相关微信jssdk上传图片java_微信JSSDK上传图片_javascript技巧

前不久微信公开了一些接口，其中有一个uploadImage接口用于上传图片，一般和chooseImage接口配合使用。先调用chooseImage接口让用户选择一张或者多张图片

ゞ浴缸里的玫瑰/ 2022年11月09日 06:03/ 0 赞/ 293 阅读

相关 uniapp上传文件（图片、视频）

uniapp上传文件（图片、视频）不支持FormData格式错误做法：用uni.request()请求，传FormData格式时，报错报错信息： ![202102

妖狐艹你老母/ 2022年10月26日 12:58/ 0 赞/ 754 阅读

相关 uniapp+koa上传图片、视频

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQw

﹏ヽ暗。殇╰゛Y/ 2022年10月09日 03:08/ 0 赞/ 649 阅读

相关腾讯云服务器上传微擎,微擎系统配置七牛云存储，自动上传图片到七牛

上次发布过一个教程，怎么快速配置第一步：登录七牛云，新建存储空间(bucket)，绑定域名，在个人中心获取Accesskey和Secretkey。具体教程请看：七牛云第三方

曾经终败给现在/ 2022年08月29日 10:20/ 0 赞/ 354 阅读