微信小程序下载二进制流图片到相册

教程分享 > 微信 (1289) 2024-03-11 09:19:25

情况说明

操作示例图-a730f58d8209403c91ae34025c39a3e1.png

后端提供的接口返回的二进制流,且是post方法

 

实现代码

wx.request({
    url: '接口地址',
    method: 'post',
    header: {
      "token": '后端接口需要的token'
    },
    responseType: "arraybuffer", //此处是请求文件流,必须带入的属性
    success: function (res) {
        if(res.statusCode === 200){
            var imgSrc =  wx.arrayBufferToBase64(res.data);//二进制流转为base64编码
            var save = wx.getFileSystemManager();
            var number = Math.random();
            save.writeFile({
                filePath: wx.env.USER_DATA_PATH + '/pic' + number + '.png',
                data: imgSrc,
                encoding: 'base64',
                success: res => {
                    wx.saveImageToPhotosAlbum({ //保存为png格式到相册
                        filePath: wx.env.USER_DATA_PATH + '/pic' + number + '.png',
                        success: function (res) {
                            wx.showToast({
                                title: '下载成功',
                                icon: 'none',
                                duration: 2000, //提示的延迟时间,单位毫秒,默认:1500
                            })
                        },
                        fail: function (err) {
                            console.log(err)
                        }
                    })
                }, 
                fail: err => {
                    console.log(err)
                }
            })
        }
    },
    fail: function (error) {
        console.log(error);
    }
});

 

提示

很多失败的原因是http工具封装了,而responseType: "arraybuffer"配置必须在调用下载的接口时候就配置而不是内部

 

 

 

https://www.leftso.com/article/2312182125296801.html

相关文章
问题描述微信小程序canvas.createImage创建的图片请求头中没有referer字段导致cdn防盗链图片无法访问解决办法先用wx.getImageInfo方法获取图片,返回的path记...
情况说明后端提供的接口返回的二进制流,且是post方法实现代码wx.request({url:'接口地址',method:'post',header:{"token":'后端接口需要的token...
组件仓库GitHub-icindy/wxParse:wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析配置显示解析二维码<templatename="wxP...
1.开通商户号 登录 https://pay.wexin.qq.com 注册并开通商户号。 2.开通【微信收款码商业版】 https://pay.wexin.qq.com 打开...
腾讯云对象存储,配置微信小程序可以访问 如上图Referer第一行所示,添加该域名即可,微信小程序都是通过这个域名来访问的资源。
针对ios手机,wx.downloadFile方法要设置filePath,指定文件下载后存储的路径 (本地路径), 才可预览文件// 下载Component({
登录微信支付https://pay.weixin.qq.com/打开上面地址管理员微信扫码登录申请电子凭证下载顶部菜单选择【交易中心】左侧菜单拉到底部,选择电子凭证如上图所示,选择一个结算日期范...
问题描述 用户创建订单,打开了支付界面(调用了生成预支付信息接口),关闭支付,等后台管理人员修改价格后再次支付(重新生成预支付信息,业务订单号全局唯一没变),导致微信返回201 商户订单号...