• 技术文章 >web前端 >uni-app

    uniapp如何将图片转base64

    coldplay.xixicoldplay.xixi2021-02-04 17:41:29原创3490

    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的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:base64 uniapp
    上一篇:uniapp如何实现跳转页面回传数据 下一篇:uniapp如何判断运行环境
    大前端线上培训班

    相关文章推荐

    • uniapp如何设置页面背景颜色• uniapp如何取消页面滚动条• uniapp怎么使用npm第三方库• uniapp如何实现跳转页面回传数据

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网