小程序二维码生成

javascript 复制代码
const submitForm = async (formEl: FormInstance | undefined) => {
    if (!formEl) return
    await formEl.validate((valid: any, fields: any) => {
        if (valid) {
            console.log(ruleForm)
            getToken({ act: 'miniprogram', op: 'getAccessToken', type: ruleForm.name }).then((res: any) => {
                const ACCESS_TOKEN = res.data.token
                // 根据选择循环生成多张
                selectData[0].children.forEach((element: { children: any; label: any; value: any }) => {
                    console.log(element.children[0].value)
                    const params = {
                        scene: element.children[0].value,
                        page: ruleForm.page,
                        width: 430,
                        env_version: 'develop',
                    }
                    const label = element.label
                    generateMiniProgramQR(params, ACCESS_TOKEN, label)
                })
            })
        } else {
            console.log('error submit!', fields)
        }
    })
}
javascript 复制代码
const generateMiniProgramQR = async (
    params: { scene: any; page?: any; width?: number; label?: any },
    ACCESS_TOKEN: any,
    label: any
) => {
    try {
        const url = `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${ACCESS_TOKEN}`
        const response = await axios.post(url, params, { responseType: 'arraybuffer' })
        const blob = new Blob([response.data], { type: 'image/jpeg' })
        const imageUrl = URL.createObjectURL(blob)
        const link = document.createElement('a')
        link.href = imageUrl
        link.download = `${label}.jpg`
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
        URL.revokeObjectURL(imageUrl)
    } catch (error) {
        // 错误处理
    }
}
相关推荐
我叫汪枫6 小时前
解决微信小程序中 Flex 布局下 margin-right 不生效的问题
微信小程序·小程序
G佳伟14 小时前
微信小程序带数组参数跳转页面,微信小程序跳转页面带数组参数
微信小程序·小程序
胡斌附体14 小时前
uniapp与微信小程序开发平台联调无法打开IDE
微信小程序·小程序·uni-app·联调·联网
程序员阿龙15 小时前
基于微信小程序的云校园信息服务平台设计与实现(源码+定制+开发)云端校园服务系统开发 面向师生的校园事务小程序设计与实现 融合微信生态的智慧校园管理系统开发
微信小程序·小程序·小程序开发·云校园平台·校园信息化·学生服务系统
胡斌附体15 小时前
小程序使用npm包的方法
前端·小程序·npm·使用方法
说私域18 小时前
用户资产化视角下开源AI智能名片链动2+1模式S2B2C商城小程序的应用研究
人工智能·小程序·开源·流量运营
说私域18 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的企业组织生态化重构研究
人工智能·小程序·开源·零售
说私域1 天前
定制开发开源AI智能名片S2B2C商城小程序:数字营销时代的话语权重构
人工智能·小程序·开源·零售
Simon—欧阳1 天前
微信小程序真机调试时如何实现与本地开发环境服务器交互
服务器·微信小程序·小程序
说私域1 天前
基于开源AI大模型AI智能名片S2B2C商城小程序源码的私域流量运营与内容定位策略研究
人工智能·小程序·开源·产品运营·流量运营·零售