ホームページ  >  記事  >  ウェブフロントエンド  >  uniappで画像をbase64に変換する方法

uniappで画像をbase64に変換する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-08 14:54:3017468ブラウズ

Uniapp による画像を Base64 に変換する方法: 最初に画像から返された相対パスを選択し、次にエンコード形式を設定します。コードは [filePath: url,encoding: 'base64',success: res =>] です。 {console.log (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
            }

関連する無料の学習に関する推奨事項: プログラミング ビデオ

推奨 (無料): ユニアプリ開発チュートリアル

以上がuniappで画像をbase64に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。