uniapp如何将图片转base64

uniapp如何将图片转base64,第1张

uniapp如何将图片转base64

uniapp将图片转base64的方法:首先选择图片返回的相对路径;然后设置编码格式,代码为【filePath: url,encoding: 'base64',success: res => {console.log(res);】。

本教程 *** 作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑该方法适用于所有品牌电脑。

uniapp将图片转base64的方法:

图片转base64

            urlTobase64(url){
                // #ifdef MP-WEIXIN
                    uni.getFileSystemManager().readFile({
                        filePath: url, //选择图片返回的相对路径
                        encoding: 'base64', //编码格式
                        success: res => { //成功的回调
                        console.log(res);
                            let base64 = 'data:image/jpeg;base64,' + res.data //不加上这串字符,在页面无法显示的哦
                        },fail: (e) => {
                            console.log("图片转换失败");
                        }
                    })
                // #endif
                
                // #ifndef MP-WEIXIN
                    uni.request({
                        url: url,
                        method:'GET',
                        responseType:'arraybuffer',
                        success: ress => {
                            let base64 = wx.arrayBufferToBase64(ress.data); //把arraybuffer转成base64 
                            base64 = 'data:image/jpeg;base64,' + base64 //不加上这串字符,在页面无法显示的哦
                        },fail: (e) => {
                            console.log("图片转换失败");
                        }
                    })
                // #endif
            }

相关免费学习推荐:编程视频

推荐(免费):uni-app开发教程

以上就是uniapp如何将图片转base64的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/696575.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-04-22
下一篇2022-04-22

发表评论

登录后才能评论

评论列表(0条)

    保存