首頁  >  文章  >  web前端  >  uniapp如何將圖片轉base64

uniapp如何將圖片轉base64

coldplay.xixi
coldplay.xixi原創
2020-12-08 14:54:3017358瀏覽

uniapp將圖片轉base64的方法:先選擇圖片回傳的相對路徑;然後設定編碼格式,代號為【filePath: url,encoding: 'base64',success: res => {console.log (res);】。

uniapp如何將圖片轉base64

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn