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

编程教程 > Wechat (919) 2024-11-26 14:39:04

情况说明

操作示例图-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"配置必须在调用下载的接口时候就配置而不是内部

 

 

 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
登录微信支付服务商后台打开网址,扫码登录, 关联服务商小程序服务商管理后台,微信小程序发货管理关闭
问题描述微信小程序canvas.createImage创建的图片请求头中没有referer字段导致cdn防盗链图片无法访问解决办法先用wx.getImageInfo方法获取图片,返回的path记...
情况说明后端提供的接口返回的二进制流,且是post方法实现代码wx.request({url:'接口地址',method:'post',header:{"token":'后端接口需要的token...
组件仓库GitHub-icindy/wxParse:wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析配置显示解析二维码<templatename="wxP...
前言小程申请社交功能申请的时候没有强调需要注意的事情,很多人一走流程,不断被拒绝,按照整体审核流程,预计会有3到4个“7天审核”,而且还有“审核7天”但是10多
1.开通商户号 登录 https://pay.wexin.qq.com 注册并开通商户号。 2.开通【微信收款码商业版】 https://pay.wexin.qq.com 打开...
腾讯云对象存储,配置微信小程序可以访问 如上图Referer第一行所示,添加该域名即可,微信小程序都是通过这个域名来访问的资源。
针对ios手机,wx.downloadFile方法要设置filePath,指定文件下载后存储的路径 (本地路径), 才可预览文件// 下载Component({
微信支付SDK必要信息微信支付平台证书模式必要参数(目前微信已经逐步弃用,暂不讲解)商户ID商户证书私钥商户证书序列号apiV3key微信支付微信公钥模式必要参
微信支付普通商户账户申请打开 接入微信支付 - 微信商户平台 网页按要求填写完成即可。 微信支付SDK必要信息微信支付平台证书模式必要参数(目前微信已经逐步弃用
微信支付服务商模式 - 注册成为服务商访问微信支付服务商注册页面 微信支付合作伙伴平台|平台开放更多能力,与合作伙伴一起成长点击成为合作伙伴
登录微信支付https://pay.weixin.qq.com/打开上面地址管理员微信扫码登录申请电子凭证下载顶部菜单选择【交易中心】左侧菜单拉到底部,选择电子凭证如上图所示,选择一个结算日期范...
微信服务商登录到服务商管理后台,并选择【合作伙伴功能 -&gtl; 商户基础服务 -&gtl; 商户资料填写】注意:接入量大了。商户入驻申请可以使用接口,开发一个专用的商户入驻
问题描述 用户创建订单,打开了支付界面(调用了生成预支付信息接口),关闭支付,等后台管理人员修改价格后再次支付(重新生成预支付信息,业务订单号全局唯一没变),导致微信返回201 商户订单号...