uniapp如何将图片转base64

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

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的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:一文知晓JSX原理(推荐)
下一篇:聊聊Vue2中的双端diff算法,看看如何更新节点的!

发表评论

关闭广告
关闭广告