>  기사  >  웹 프론트엔드  >  uniapp에서 이미지를 base64로 변환하는 방법

uniapp에서 이미지를 base64로 변환하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-12-08 14:54:3017469검색

Uniapp의 이미지를 base64로 변환하는 방법: 먼저 이미지에서 반환된 상대 경로를 선택한 다음 인코딩 형식을 설정합니다. 코드는 [filePath: url,encoding: 'base64',success: res => (해상도) ].

uniapp에서 이미지를 base64로 변환하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, Dell G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

그림을 base64로 변환하는 Uniapp 방법:

그림을 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-앱 개발 튜토리얼

위 내용은 uniapp에서 이미지를 base64로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.