当前位置: 首页 > news >正文

微信小程序请求接口返回的二维码(图片),本地工具和真机测试都能显示,上线之后不显示问题

 请求后端接口返回的图片:

 

页面展示: 

代码实现:

:show-menu-by-longpress="true" 是长按保存图片

base64Code 是转为base64的地址

<image class="code" :src="base64Code" alt="" :show-menu-by-longpress="true" />

 BASE_URL 是拼接接口地址的

const base64Code = ref('');
onLoad(() => {//route.value.query.scene是扫描二维码后跳转链接传过来的参数(二维码携带链接是后端处理的),也就是id名称(因为我这个是扫描二维码还是跳到当前这个页面的,而后端传过来的参数名和我上个页面跳转过来传的参数名不一样)//route.value.query.id是上个页面跳转传过来的参数const id = route.value.query.id || route.value.query.scene;uni.request({url: BASE_URL + '/api/Product/GetCode?id=' + id,responseType: 'arraybuffer',success: (res: any) => {base64Code.value ='data:image/png;base64,' + uni.arrayBufferToBase64(res.data);},fail: (err) => {console.log(err);},});
});

 这样写的话好像本地和真机调试是可以出来的,但到体验版和正式版上就是空白了,经过测试,把转成base64后的地址中的换行清除一下就可以了;

base64Code.value =
        'data:image/png;base64,' + uni.arrayBufferToBase64(res.data).replace(/[\r\n]/g, '');

http://www.lryc.cn/news/153736.html

相关文章:

  • Python小知识 - 1. Python装饰器(decorator)
  • 如何访问GitHub
  • 【广州华锐互动】智能变电站AR仿真实训系统大大提高培训的效率和质量
  • 手写Mybatis:第11章-流程解耦,封装结果集处理器
  • 金融风控数据分析-信用评分卡建模(附数据集下载地址)
  • ceph对象三元素data、xattr、omap
  • 使用 BERT 进行文本分类 (03/3)
  • Leetcode Top 100 Liked Questions(序号236~347)
  • MySQL数据库学习【基础篇】
  • Kubernetes技术--k8s核心技术Service服务
  • OpenHarmony 应用 ArkUI 状态管理开发范例
  • 二、QTableWidget 类 clear() 和 clearContents() 的区别及程序崩溃原因分析
  • spring boot 项目中搭建 ElasticSearch 中间件 一 postman 操作 es
  • 设计模式—观察者模式(Observer)
  • 分类算法系列③:模型选择与调优 (Facebook签到位置预测)
  • PCL RANSAC分割提取多个空间圆
  • Java八股文学习笔记day01
  • vant的NavBar导航栏可以自定义背景图片吗
  • 深入浅出AXI协议(5)——数据读写结构读写响应结构
  • IntelliJ Idea开发Vue遇到的几个问题
  • sql查找最晚一天/日期最大的一条记录 两种方法
  • 详解python的
  • Modbus TCP通信笔记
  • CIM和websockt-实现实时消息通信:双人聊天和消息列表展示
  • useLayoutEffect和useEffect有什么作用?
  • django中配置使用websocket终极解决方案
  • 敦煌网、Jumia等跨境电商平台怎么测评(补单)留评?
  • uni-app之android离线打包
  • 【传输层】TCP -- 三次握手四次挥手 | 可靠性与提高性能策略
  • 前端将UTC时间格式转化为本地时间格式~~uniapp写法