Heim  >  Artikel  >  Web-Frontend  >  So konvertieren Sie Bilder in Uniapp in Base64

So konvertieren Sie Bilder in Uniapp in Base64

coldplay.xixi
coldplay.xixiOriginal
2020-12-08 14:54:3017286Durchsuche

Uniapps Methode zum Konvertieren von Bildern in Base64: Wählen Sie zuerst den vom Bild zurückgegebenen relativen Pfad aus und legen Sie dann das Kodierungsformat fest. Der Code lautet [filePath: url,encoding: 'base64',success: res => (res); 】.

So konvertieren Sie Bilder in Uniapp in Base64

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Dell G3-Computer. Diese Methode ist für alle Computermarken geeignet.

Uniapp-Methode zum Konvertieren von Bildern in Base64:

Bilder in Base64 konvertieren

            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
            }

Verwandte kostenlose Lernempfehlungen: Programmiervideos

Empfohlen (kostenlos): Uni-App Entwicklungs-Tutorial

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie Bilder in Uniapp in Base64. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn