Maison  >  Article  >  interface Web  >  Comment convertir des images en base64 dans Uniapp

Comment convertir des images en base64 dans Uniapp

coldplay.xixi
coldplay.xixioriginal
2020-12-08 14:54:3017286parcourir

Méthode d'Uniapp pour convertir les images en base64 : sélectionnez d'abord le chemin relatif renvoyé par l'image ; puis définissez le format d'encodage, le code est [filePath : url,encoding : 'base64',success : res => {console.log (res);].

Comment convertir des images en base64 dans Uniapp

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1, ordinateur Dell G3. Cette méthode convient à toutes les marques d'ordinateurs.

Méthode Uniapp pour convertir des images en base64 :

Convertir des images en 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
            }

Recommandations d'apprentissage gratuites associées : Vidéo de programmation

Recommandé (gratuit) : Tutoriel de développement d'uni-app

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn