微信小程序获取图片使用session(上篇)

news2025/1/9 5:35:19

概述:

我们开发微信小程序,从后台获取图片现实的时候,通常采用http get的方式,例如以下代码

<image class="user_logo" src="{{logoUrl}}"></image>

变量logoUrl为ur图片l的请求地址
但是对于很多情况,不希望图片被公开访问,需要登录才能获取到的图片,这种方式就不行了。
需要在请求中添加相关的cookie信息才行

请求:

通常的做法是,自定义http head,如下所示:

util_http_get_imagedata_show(inurl, callImageDataFun, cl) {
  var headerObj = {
    'Cookie': getApp().globalData.coockieStr
  };

  wx.request({
    url: inurl,
    method: 'get',
    responseType: 'arraybuffer',
    header: headerObj,
    success: function (res) {
      callImageDataFun(res.data, cl);
    }
  });
}

callSetItemsShowData(imagedata, cl) {
	var picData = "data:image/png;base64," + wx.arrayBufferToBase64(imagedata);

	cl.setData({
	  logoUrl : picData
	});
},

getApp().globalData.coockieStr 是登录的时候通过其他方式获取的session关联的cookie,保存在全局变量。

测试调用:

this.util_http_get_imagedata_show(tmpStr, this.callSetItemsShowData, this);

优缺点分析:

优点:把当前session关联的cookie代入,通过正确登录,能够很好地在当前session下获取图片,控制图片不被非法获取。

缺点:需要额外的手动写http请求过程,增加代码量。特别注意的是,对于图片比较大的(超过1M)导致小程序setData渲染效率低。如下图小程序开发工具上报警告:
在这里插入图片描述

为了解决这个性能问题,本人苦思冥想,我的下一篇文章:微信小程序获取图片使用session(下篇),地址:https://blog.csdn.net/shenweihong/article/details/144972026

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2273592.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HTML5实现好看的中秋节网页源码

HTML5实现好看的中秋节网页源码 前言一、设计来源1.1 网站首页界面1.2 登录注册界面1.3 节日由来界面1.4 节日习俗界面1.5 节日文化界面1.6 节日美食界面1.7 节日故事界面1.8 节日民谣界面1.9 联系我们界面 二、效果和源码2.1 动态效果2.2 源代码 源码下载结束语 HTML5实现好看…

Redis 数据库源码分析

Redis 数据库源码分析 我们都知道Redis是一个 <key,value> 的键值数据库&#xff0c;其实也就是一个 Map。如果让我来实现这样一个 Map&#xff0c;我肯定是用数组&#xff0c;当一个 key 来的时候&#xff0c;首先进行 hash 运算&#xff0c;接着对数据的 length 取余&…

【海南省】乡镇界arcgis格式shp数据乡镇名称和编码gis矢量数据

《海南省乡镇界GIS矢量数据详解》 GIS&#xff08;Geographic Information System&#xff09;是一种强大的地理信息系统&#xff0c;它结合了地图、数据库和计算机技术&#xff0c;用于管理和分析空间数据。在本篇中&#xff0c;我们将聚焦于一个特定的GIS数据集——“最新海…

JVM 核心知识点总结

&#x1f9d1; 博主简介&#xff1a;CSDN博客专家&#xff0c;历代文学网&#xff08;PC端可以访问&#xff1a;https://literature.sinhy.com/#/literature?__c1000&#xff0c;移动端可微信小程序搜索“历代文学”&#xff09;总架构师&#xff0c;15年工作经验&#xff0c;…

嵌入式系统 (5.嵌入式Linux网络应用开发)

5.嵌入式 Linux 网络应用开发 5.1相关概念 客户端程序与服务端程序 在网络编程中,客户端程序与服务端程序是网络通信的两个基本角色。客户端发起请求,服务端响应请求并提供服务。 IP 地址与端口号 IP 地址用于标识网络设备的位置,而端口号标识运行在计算机上的具体进程…

语义SEO全解析:如何在搜索引擎中脱颖而出?

在过去十年中&#xff0c;搜索格局发生了巨大变化&#xff0c;语义 Web 技术成为一项关键功能。用户现在希望搜索引擎比以往任何时候都更好地掌握自然语言。是的&#xff0c;Google 在语言处理方面取得了一些非凡的成就。 当搜索引擎不那么先进时&#xff0c;很少需要一键就能…

回归预测 | MATLAB实GRU多输入单输出回归预测

回归预测 | MATLAB实GRU多输入单输出回归预测 目录 回归预测 | MATLAB实GRU多输入单输出回归预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 回归预测 | MATLAB实GRU多输入单输出回归预测。使用GRU作为RNN的一种变体来处理时间序列数据。GRU相比传统的RNN有较好的记…

Maven在不同操作系统上如何安装?

大家好&#xff0c;我是袁庭新。Maven是一个重要的工具&#xff0c;还有很多初学者竟然不知道如何安装Maven&#xff1f;这篇文章将系统介绍如何在Windows、macOS、Linux操作系统上安装Maven。 Maven是一个基于Java的项目管理工具。因此&#xff0c;最基本的要求是在计算机上安…

【C语言】_冒泡排序及其优化思路

目录 1. 第一版代码&#xff1a;无忧化版 2. 第二版代码&#xff1a;添加逐趟判断有序的优化版 核心思想&#xff1a;两两相邻的元素进行比较 1. 第一版代码&#xff1a;无忧化版 #include<stdio.h> void bubble_sort(int* arr, int sz) {// 确定趟数: // (对于目标升…

通过gradle发布aar或jar携带sources-jar到maven nexus

找了很久&#xff0c;没有找到满意的。终于找到一个好的办法。 gradle7.x适用。比以前的写法简洁。 发布传统的jar工程 比如okhttp&#xff0c;fastjson等项目&#xff0c;纯java工程。 直接创建新文件publish.gradle: apply plugin: maven-publishProperties properties …

Java SpringBoot使用Apache POI导入导出Excel文件

点击下载《Java SpringBoot使用Apache POI导入导出Excel文件(源代码)》 1. Apache POI 简介 Apache POI 是一个强大的 Java 库&#xff0c;用于处理 Microsoft Office 文档&#xff0c;包括 Excel 文件&#xff08;.xls 和 .xlsx&#xff09;。在 Java Spring Boot 项目中&am…

unity学习14:unity里的C#脚本的几个基本生命周期方法, 脚本次序order等

目录 1 初始的C# 脚本 1.1 初始的C# 脚本 1.2 创建时2个默认的方法 2 常用的几个生命周期方法 2.1 脚本的生命周期 2.1.1 其中FixedUpdate 方法 的时间间隔&#xff0c;是在这设置的 2.2 c#的基本语法别搞混 2.2.1 基本的语法 2.2.2 内置的方法名&#xff0c;要求更严…

网站常用功能模块-鉴权

一&#xff1a;JWT是什么&#xff1f; 常用鉴权方式有很多种&#xff0c;今天主要介绍基于token的鉴权方式JWT&#xff08;Json JSON Web Token&#xff09;。因为这种方式实现起来方便快捷。整体实现逻辑如下 第一次登陆时&#xff0c;前端携带账号和密码请求登录接口。服务…

Tableau数据可视化与仪表盘搭建-数据连接

目录 连接本地文件 课程操作 连接方式&#xff08;实时/数据提取&#xff09; 保存工作簿 筛选器 数据处理 连接数据有三种类型 第一种&#xff0c;连接到本地文件&#xff0c;例如Excel&#xff0c;csv&#xff0c;JSON等 第二种&#xff0c;连接到数据库&#xff0c;例…

AI人工智能大数据技术解锁竞彩足球分析软件准确率的密钥

AI 人工智能大数据技术解锁竞彩足球分析软件准确率的密钥 在信息爆炸的时代&#xff0c;竞彩足球愈发风靡&#xff0c;球迷们不再满足于单纯观赛&#xff0c;更渴望凭借精准预测&#xff0c;投身这场数字与激情交织的博弈。而大数据、人工智能技术催生出的专业软件&#xff0c;…

基于物联网疫苗冷链物流监测系统设计

1. 项目开发背景 随着全球对疫苗运输要求的提高&#xff0c;特别是针对温度敏感型药品&#xff08;如疫苗&#xff09;的冷链管理&#xff0c;如何保证疫苗在运输过程中的温度、湿度、震动等环境因素的稳定性已成为亟需解决的问题。疫苗运输过程中&#xff0c;任何温度或湿度的…

深入浅出Node.js-1(node.js入门)

全新专栏带你快速掌握node.js Node.js入门 html,css,js 30年了 nodejs环境 09年出现 15年 nodejs为我们解决了2个方面的问题&#xff1a; 【锦上添花】让我们前端工程师拥有了后端开发能力&#xff08;开接口&#xff0c;访问数据库&#xff09; - 大公司BFF&#xff08;5…

【线性代数】通俗理解特征向量与特征值

这一块在线性代数中属于重点且较难理解的内容&#xff0c;下面仅个人学习过程中的体会&#xff0c;错误之处欢迎指出&#xff0c;有更简洁易懂的理解方式也欢迎留言学习。 文章目录 概念计算几何直观理解意义 概念 矩阵本身就是一个线性变换&#xff0c;对一个空间中的向量应用…

Java-JVM详解

Java-JVM ①JVM概述 ❶基本介绍 JVM&#xff1a;全称 Java Virtual Machine&#xff0c;一个虚拟计算机&#xff0c;Java 程序的运行环境&#xff08;Java二进制字节码的运行环境&#xff09; 特点&#xff1a; Java 虚拟机基于二进制字节码执行&#xff0c;由一套字节码指…

【网络协议】开放式最短路径优先协议OSPF详解(三)

前言 在第一部分和第二部分&#xff0c;我们了解了OSPF操作背后的概念。在第三部分&#xff0c;我们将讨论多区域OSPF。我们将了解它与单区域OSPF的不同&#xff0c;并探讨其操作背后的各种概念。 【网络协议】开放式最短路径优先协议OSPF详解&#xff08;一&#xff09; 【…