微信小程序image组件无法携带cookie的解决方案

最新推荐文章于 2023-12-04 13:28:28 发布

灵壹Eli

最新推荐文章于 2023-12-04 13:28:28 发布

阅读量421

点赞数

分类专栏：前端技术笔记文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/icjs_cc/article/details/130349722

版权

前端技术笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

某些项目中使用到统一认证登录，导致小程序端图片需要携带cookie才可以访问，由于小程序登录之后不会像网页端会自动携带cookie，因此需要特殊处理该接口。

解决方案
由于小程序登录之后不会像网页端会自动携带cookie，因此在需要使用小程序提供的wx.downloadFile() 方法，将文件下载到本地，然后赋值给image的src属性即可。

const flieName = `${new Date().valueOf()}.png`
wx.downloadFile({
        header: {
          'cookie': wx.getStorageSync('cookie'),
        },
        url: image,
        filePath:`${wx.env.USER_DATA_PATH}/${flieName}`, // 解决IOS中无法显示图片问题
        success: (res) => {
          this.setData({
            images: res.filePath
          });
        }
 })