小程序二维码生成

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) {
        // 错误处理
    }
}
相关推荐
cosinmz11 小时前
图片太多太乱怎么整理?分享一个我最近常用的图片转 PDF方法
经验分享·小程序·pdf
科技互联.12 小时前
2026年小程序定制市场:个性化需求激增,技术深度成竞争关键
人工智能·小程序
小羊Yveesss1 天前
2026年小程序商城的现状和发展趋势
小程序
智慧景区与市集主理人1 天前
五一市集分账混乱?巨有科技智慧市集小程序实现统一收款、自动分账
大数据·科技·小程序
程序鉴定师1 天前
深圳小程序制作哪家好?2026深度市场分析与选择指南?
大数据·小程序
河北清兮网络科技1 天前
广告联盟全解析:从开发接入到运营优化,多视角拆解流量变现逻辑
小程序·app
张晓℡¹⁸⁰³⁷¹⁸²⁵⁵⁸1 天前
海外盲盒APP玩法集合,海外盲盒多国语言
小程序·php
互联科技报1 天前
订货商城选择哪个系统操作更简单?2026小白友好型选型指南
小程序
2501_915921431 天前
HTTPS前端劫持 新一代流量劫持解决方案
前端·网络协议·ios·小程序·https·uni-app·iphone
智塑未来1 天前
2026企业数字化观察:小程序定制需求激增,如何避开选型坑?
小程序