关于微信公众号生成二维码如何保存到相册

原创已于 2022-11-09 17:58:31 修改 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #前端 #html5 #vue.js

于 2022-11-01 21:14:49 首次发布

本文介绍了解决二维码在移动端无法保存的问题。提供了两种方法：一是直接使用插件生成base64地址并通过接口转换为图片；二是将canvas转换为base64再进行转换。

今天写项目遇到一个保存二维码的问题，再次记录下

使用这个插件生成的二维码，在公众上面长按二维码无法保存到相册，在手机上查看发现没有img元素，因此长按不识别。

方法一

所以又装了个插件

通过上面的方法传入生成二维码的code 可以直接返回base64的地址，然后调用公司的base64转图片地址接口把地址存起来，赋值给img标签的src 这个样就可以长按保存到相册了。这个方法生成的图片比较小，如果宽高给的值太大的话，保存到手机上二维码稍微有一点点糊

方法二

把canvs转换成base64 然后再通过接口把base64转成在线地址，赋值给图片就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端开发打怪升级ing

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序前端生成二维码并保存图片

zxl1990_ok的博客

01-21

2986

1. 利用wxbarcode生成二维码 引入wxbarcode npm安装 npm install wxbarcode 直接引用该插件使用方法： import wxbarcode from 'wxbarcode' wxbarcode.barcode('barcode', '1234567890123456789', 680, 200); wxbarcode.qrcode('qrcode', '1234567890123456789', 420, 420); wxml: ..

【亲测有效】微信公众号设置菜单栏显示，未开启自定义菜单，微信公众平台自定义菜单接口开发

最新发布

G佳伟

04-07

3067

http请求方式：POST（请使用https协议） https://api.weixin.qq.com/cgi-bin/menu/create?array('name' => '自定义菜单接口',array('name' => '跳转网页','url' => '要跳转的url',),array('name' => '跳转微信小程序','appid' => '11111111111111',//小程序appid。

参与评论您还未登录，请先登录后发表或查看评论

微信带参数二维码保存至本地

weixin_30786657的博客

03-19

362

怎么生成带参数二维码我就不说了接口自己看生成带参数的二维码 有人会说生成了带参数二维码都已经生成了为什么还要保存到本地呢具体需求是这样的要将生成的带参数二维码打包发给图片制作商制作一个个另存为浪费时间别的不说了说重点 public static void SaveQrCodeImage(string strUrl) { ...

uniapp 生成二维码长按保存_微信公众号生成参数二维码平台怎么操作？

weixin_39750410的博客

10-28

333

　　对于微信公众号生成参数二维码的实现，微号帮平台提供了渠道二维码生成功能实现，公众平台提供了接口开发实现功能，均能实现微信公众号生成参数二维码，为公众号统计所有通过参数二维码关注的粉丝，不限新关注粉丝和已关注粉丝，统计数据每天随时可以查看和导出。　　功能渠道二维码生成，在线给微信公众号生成参数二维码，一个参数二维码对应一个粉丝渠道来源统计，每个参数二维码数据独立统计，方便公众号及时优化不合适的粉...

H5页面保存图片到相册

weixin_52137798的博客

08-17

2961

不管是微信浏览器,还是ios浏览器亦或者是安卓浏览器都拥有一个只要是image 标签的图片都可以长按保存到手机相册功能。所我们完全可以做一个长按弹框把我们生成的图片展示在弹框中利用浏览器机制去实现保存图片到相册。

微信公众平台开发批量生成及下载带参二维码图片

xiongkai327的专栏

03-18

1952

微信公众平台开发批量生成及下载带参二维码图片本文的主要内容：提供批量生成及下载二维码图片的php代码（对accessToken做了本地保存处理，不会出现请求次数达到上限的现象）制作二维码过程中需要注意的小细节在微信公众平台上如何使用高级接口开发生成带参数二维码的功能，网上有很多相关教程。可以参考微信官方文档_生成带参数的二维码 和方倍老师的博客微信公众平台开发(83) 生成带参数二维码 来了解

H5二维码海报生成保存相关问题记录

weixin_41372357的博客

03-02

845

微信内置浏览器动态生成二维码并长按识别

全栈道路

06-07

2543

微信公众号-自定义菜单的创建

Camel

11-17

851

获取access_token access_token是公众号的全局唯一接口调用凭据，公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时，需定时刷新，重复获取将导致上次获取的access_token失效。公众平台的API调用所需的access_token的使用及生成方式说明： 1、建议公众号开发者使用中控服务器统一获取和刷新access_token，其他业务逻辑服务器所使用的a

微信公众号快速开发（三）多种消息类型处理

weixin_40141790的博客

04-05

902

之前介绍了自动回复，下面介绍一些常见的消息处理样式开始开发——关键字回复功能描述当我们公众号发送一些关键词的时候，公众号会回复自动回复有关关键词的信息。实现思路消息类型为文本样式接收的客服端消息中要包含该关键字代码开发为便于扩展，将消息处理的方法写到服务层，新建收发信息的dto 一、便于扩展为不同类型的消息，修改收发消息的封装，改用dto模式基础消息实体类 @Da...

JAVA实现微信公众号调用摄像头保存图片到本地也可以选择本地图片

酷爱编程的小猿同学

05-21

1573

一、实现思路 1.使用微信JS-SDK工具包： <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 2.点击a链接，触发click事件调用拍照接口【chooseImage】和上传图片接口【uploadImage】，拿到mediaId 3.调用后台接口拿到返回的图片流保存到服务器 ...

js保存图片到手机相册_手机照片和视频太多，这样保存不占内存，还能随时随地查看...

weixin_39607873的博客

11-15

1522

手机用的时间长了，里面的文件会越来越多，为了省出空间，我们有时候不得不删除一些东西。今天就给大家分享5种保存方法，不仅不占内存，还能随时查看。01.微信收藏相信大家手机中都有微信，其实我们可以将照片视频收藏在微信中，这个【收藏】功能就相当于一个万能的记事本，链接、文件、语音、聊天记录都能保存。那么如何去收藏？进入编辑页面，点击键盘上方的相册按钮，然后从手机相册中选择照片和视频，点击【完成】即可上传...

微信公众号js接口，实现图片的上传（拍照+本地相册）

hpugym的专栏

06-23

3万+

今天测试了一把在微信公众号里边的调用JSSDK接口，从而实现在微信公众号里边进行图片的上传（可以选择拍照，也可以选择本地的相册），但是在做的过程中发现给的技术接口文档是真坑，一点都不详细，网上的资源也不多，所以做起来感觉十分的费劲。不过经过一个下午的琢磨，中终于实现的该项功能。大致流程就是，点击上传的图片，开始调用chooseImage()接口，选择拍照或者相册，选定图片，之后调用

教你实现微信公众号效果：长按图片保存到相册

杭城小刘

03-31

4305

不知道各位对于这个需求要如何解决？可能有些人会想到js与原生交互，js监听图片点击事件，然后将图片的url传递给原生App端，然后原生App将图片保存到相册，这样子麻烦吗？超麻烦。（1）、js监听图片长按事件；（2）、js将图片url传递给原生；（3）、原生通过图片的url生成UIImage；（4）、保存UIImage到系统相册，巨麻烦啊，大哥，我很懒的好不好那么问题跑出来了，怎么办最简单...

微信小程序把base64的图片保存到手机相册

a_靖的博客

01-02

1万+

微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。在这之前试过把base64的图片转移保存到画布然后保存到手机，但是真机调试的时候不支持这种方式，希望各位不要再去汤坑下面是可行的方法： scene 是base64文件，打印结果如下：不说废话，直接上代码：（结尾有代码说明） var aa = wx.getFileSystem...

公众号H5页面截屏并保存图片

WanFengZhou

01-08

4165

直接贴代码 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-...

微信公众号内嵌的H5页面

热门推荐

qq_26780317的博客

08-15

4万+

前言：之前写微信端购物商城的页面时，使用过flex布局，方便灵活，对手机端兼容性良好，同时可应对复杂的嵌套布局，很是方便。但是，针对两栏式的微信端页面，除了flex布局，还有较为简单的position:relative;和padding-left:90px;布局方法，这类布局简单易操作，在某些场景下有广泛使用。一、了解需求及实例页面布局如下图所示： ①...

微信公众平台生成带场景参数二维码

一点码客

12-07

3万+

最近公司需要做一个智能试衣镜，微信导流是一个核心功能。就是用户扫描试衣镜上的二维码进入我们的公众号。为了唯一标识照片，需要动态生成二维码，该试衣镜后续的每张照片都会和一个二维码绑定。用户进入扫描二维码进入我们的公众号后，会携带二维码的参数值，我们的微信公众号后台程序就找到这些的照片，然后通过点击图片用户认证过程来实现照片和用户绑定。为了改善体验，我们还使用AI识别用户进入退出试衣镜行为，一个用户...

微信公众号H5开发——调用相册和摄像头并上传服务器

qq_26542023的博客

06-14

5589

之前的文章介绍了关于微信JSSDK调用，下面介绍一下其中的一个最常用的功能——调用相册和摄像头使用此功能之前先参考：微信JSSDK 在通过了config接口验签成功之后，我们就可以调用微信JSSDK的方法了 1、config配置成功 // 通过config接口注入权限验证配置，可查阅微信公众平台接口进行配置 wx.config({ debug: false, appId: appId, timestamp: tim

微信公众号生成二维码

07-28

你可以通过微信公众平台的开发者工具来生成微信公众号的二维码。具体的步骤如下： 1. 登录微信公众平台（https://mp.weixin.qq.com/），选择对应的公众号进入后台管理界面。 2. 在左侧菜单栏中找到"设置"，点击进入。 3. 在设置页面中，选择"基本设置"选项。 4. 在基本设置页面中，找到"二维码"一栏，点击"生成带参数的二维码"。 5. 在生成带参数的二维码页面中，可以选择生成临时二维码或永久二维码。 - 临时二维码：有效期为30天，用户扫描后可关注公众号。 - 永久二维码：永久有效，用户扫描后可关注公众号。 6. 根据需要选择生成临时或永久二维码，并填写相关参数（可选）。 7. 点击"生成"按钮，系统将自动生成对应的二维码图片。 8. 下载生成的二维码图片，并在需要的场景中使用。请注意，微信公众号的二维码生成功能可能会根据微信官方的更新而调整，以上步骤仅供参考。如有变动，请以微信公众平台官方文档为准。