vue 二维码乱码 显示问题

最新推荐文章于 2024-02-04 09:44:48 发布
最新推荐文章于 2024-02-04 09:44:48 发布
阅读量881 收藏
点赞数
分类专栏： 前端开发 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxo_apple/article/details/106639556
版权
记录一下，今天和后端同时对接二维码显示接口，结果请求后返回给我这样的结果

在这里插入图片描述

当时就绝望了，这怎么显示啊，然后就开始想办法，哈哈哈
方法一：
1.首先，我们前端自己先设置请求后的响应类型，为blob

在这里插入图片描述

2.我们将得到的结果进行new Blob()这样可以让js直接操作二进制数据,然后使用URL.createObjectURL在浏览器上预览本地图片

在这里插入图片描述

this.qrCode就是img标签上的src，赋值后就可以显示啦

如果方法一不行还可以尝试以下方式哦
方法二：先设置返回类型，在进行转化就可以了

在这里插入图片描述

zxo_apple
关注
专栏目录
Android二维码扫描之SimpleZXing中文乱码问题的解决
qq_40869894的博客
01-06 2722
最近公司的项目中需要Android端做一个扫描二维码的应用，网上推荐的帖子中在github上找到一个叫做SimpleZXing的开源项目，本来呢谷歌是有提供官方的demo的，也是开源的，那个项目叫ZXing。我找的这个SimpleZXing是基于ZXing的基础上，去掉了不必要的部分，只保留了扫描二维码识别的功能,有需要的朋友可以去找一下：点击打开链接下载完后导入AndroidStudio就可以了
前端处理微信支付时后端返回乱码转二维码的解决方法
weixin_46446967的博客
11-02 1018
最近做到微信支付
qrcode中文乱码
01-30
解决qrcode中文乱码。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
Vue--扫码枪，输入法为中文时乱码
这里是迷阵的博客耶
09-14 2576
扫码枪是模拟键盘的回车按键，所以输入的时候切换成email类型的输入框
记一次vue 普通异步请求微信二进制二维码 乱码 问题解决然后渲染
baicheng1855的博客
05-28 293
后端压力大，前端分忧。 /*用微信小程序token拿二维码*/ async fetchMINIQRcode({commit,state},params){ var instance = axios.create({ responseType: 'blob', //返回数据的格式，可选值为arraybuffer,blob,document,json,te...
二维码生成工具QRCode源代码支持中文(解决解码时中文乱码)
01-31
我是这个资源的上传者，这个资源是老版本资源了。 新版本同功能的资源在http://download.csdn.net/detail/5653325/5077697
解决qrcode解析二维码中文乱码问题（js中文乱码）
Nadou_的博客
07-01 1万+
// UCS-2和UTF8都是unicode的一种编码方式 // js代码中使用的是UCS-2编码 1、 // UCS-2和UTF8都是unicode的一种编码方式 // js代码中使用的是UCS-2编码 js的编码方式 2、 这里写图片描述 3、str2utf8: 1)字符转USC-2，用charCodeAt() 2）如英文的话，直接返回字符str.charAt(i);//返回指定位置的字...
vue解析后端返回的二维码图片数据流
01-07
问题场景： 后端返回图片数据流，打印结果是乱码，如下： Chrome浏览器的preview中可以看到二维码（图片），如下： 解析思路： 尝试用二进制大对象Blob解析，然后生成图片的URL，代码如下： // QRCode 为后端接口...
修改了中文乱码问题的ZXing包及例子
02-02
在默认情况下，ZXing可能无法正确地编码或解码含有非ASCII字符的条码，特别是中文字符，这会导致显示为乱码。解决这个问题通常需要对ZXing的源代码做一些调整，确保它能够正确地处理UTF-8编码的字符串。 具体来说，...
QRCODE生成带LOGO二维码，自动调整LOGO图片大小
02-17
经过测试，通过QRcode.jar里的生成二维码方法生成带LOGO二维码，代码中会将LOGO调整为固定大小。
vue中使用qrcode生成二维码
温润如风的博客
09-13 2092
我在vue的项目开发中，我们需要把一个页面分享给别人，于是乎就用到了二维码功能。 在引用二维码的过程中，碰到了一些坑，这里说下： qrcode node-qrcode vue-qrcode qrcodejs2 以上这些都是不能用的二维码组件， 但是在网上还是有一些人在发布关于这样的帖子，也不知道能不能用就发上了 这里我用了qrcode.js插件来完成的 首先在页面引用<sc...
vue使用qrcodejs2（生成二维码）
ld395353765的博客
10-16 1010
一、cnpm install qrcodejs2 --save 二、使用页面 importQRcode form 'qrcodejs2' 三、HTML中 <div id="qrcode"></div> //生成二维码的位置 methods中 qrcode() { let qrcode = new QRCode('qrcode', { ...
获取微信小程序二维码，返回一堆乱码后，该怎么办？
热门推荐
weixin_40134742的博客
12-16 1万+
因为很多人不知道，获取小程序二维码之后，得到一串乱码的数据之后，该怎么办。所有今天写一篇。希望对你们有帮助。      //先获access_token public  static String getAccessToken(){ String result=HttpXmlClient.get("https://api.weixin.qq.
Vue前端解决扫码枪中文状态下扫码获取的编号缺失问题
weixin_46323078的博客
12-02 1950
Vue解决扫码枪输入法中文状态下，扫码缺失问题
关于QRCode形成的二维码中含有汉字，有时会出现汉字乱字符问题
01-12 9477
问题：一直在用QRCODE,但之前没有包含汉字，这次把汉字就进去竟然会出现乱码，且同样的字比如“黑”这个字，直接输入“黑"，手机扫描出来是乱码，但如果输入”货号：黑“，则能正常显示。 解决办法：编码问题所致，先对要编码的字符进行转换，转为utf-8，采用AnsiToUTF8即可。functionAnsiToUTF8(constS:AnsiString): UTF8String; ...
vue 解决qrCode生成的二维码微信长按不识别问题
最新发布
代码小疯子
02-04 986
qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签，部分安卓机里面，canvas元素没有隐藏掉，所以长按的时候按的不是图片，所以无法识别，也就没有弹窗，转成图片放到页面上去就行。QRcode 生成二维码，展示到页面，微信打开，长按二维码没反应。
二维码扫描乱码的问题解决方法
mffandxx的博客
04-26 1万+
如果有中文的字符串生成二维码被扫描，会扫描出乱码。本人在网上搜了各种资料都不管用，最后终于让我试验成功，记录下来，希望对大家有所帮助！public final class CreateEncoding { private static final int BLACK = 0xff000000; public static Bitmap createQRCode(Stri
《VUE前端查询数据页面乱码》问题解决及思考总结
jiban5678的博客
11-11 3876
其实如果数据库配置好了这个my.cnf文件(附配置好的数据库编码图)，连接的时候就不用配参数什么的了。ps:因为我是做项目时遇到的问题，在这里分享总结一下经验，敏感信息打码的请大拿们多多包涵。首先来到虚拟机，登录到命令行看一下数据库字符编码，是正常的。接着idea更换一下新建的库名字，重新部署一下代码，看效果。我的处理方式是重新建了一个数据库，重新导了一下数据。可以看到数据是有乱码的，说明问题出在了数据层面。如果数据库显示正常，判断是前端还是后端出了问题“再次执行查询，核对数据是否正常。
好用的vue二维码组件
05-01
Vue是一种流行的前端框架，可用于快速构建现代化的Web应用程序。随着移动互联网的普及，二维码成为了一种重要的数据标识方式。许多Web应用程序需要使用二维码来与用户交互。因此，Vue二维码组件变得越来越受欢迎，它们可以为Vue应用程序提供方便的二维码生成和显示功能。 有很多好用的Vue二维码组件可供选择，其中某些组件有以下特点： 1. 简单易用：这些组件提供了易于使用的API，只需要少量的代码就可以实现二维码的生成和显示。 2. 高度可定制化：这些组件允许开发人员自定义二维码的样式、大小、颜色等属性，以适应任何Web应用程序的需求。 3. 高度兼容性：这些组件与大部分现代浏览器兼容，因此用户不需要担心兼容性问题。 4. 高性能：这些组件使用了现代的Web技术，可以实现高效的二维码生成和显示，确保用户体验的流畅性。 比较常见的Vue二维码组件包括Vue-QRCode、vue-qr、vue-qriously等。使用这些组件可以大大简化开发人员在Vue应用程序中实现二维码的流程，提高开发效率和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值