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

位置:首页>文章>详情   分类: 教程分享 > 微信小程序   阅读(321)   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

相关阅读

情况说明后端提供的接口返回的二进制流,且是post方法实现代码wx.request({url:'接口地址',method:'post',header:{"token":'后端接口需要的token...
组件仓库GitHub-icindy/wxParse:wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析配置显示解析二维码<templatename="wxP...