ローカル画像にBASE64小さなマイクロチャネル・プログラム

あなたは、二次元コード画像に文字列を使用することができ、対応するID商品二次元コードにポスターにポスターを生成する際に生成される必要があるが、画像フォーマットBASE64、マイクロチャネルは、通常の開発ツールで見ることができるが、携帯電話のテストを表示することができません、地元の絵の中にbase64で画像を必要とします。

1.新しいファイルを作成しますbase64src.js

二次元コードの//アプレットシェアは生産分与チャートに、Base64形式であり、画像フォーマットをに変換する必要がある
。 `` `CONST FSM = wx.getFileSystemManager()
CONST FILE_BASE_NAME =「tmp_base64src」; //カスタムファイル名

関数base64src(base64data、CB){
CONST [、フォーマット、bodyData] = / データ:;画像\ /(\ + W)BASE64(。*)、/ EXEC(base64data)|| []。
(もし!形式){
リターン(新しいエラー( 'ERROR_BASE64SRC_PARSE'));
}
CONST filePathに= ${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format}
CONSTバッファ= wx.base64ToArrayBuffer(bodyData)。
fsm.writeFile({
filePathに、
データ:バッファ、
符号: 'バイナリ'、
成功(){
CB(filePathに);
}、
失敗(){
リターン(新しいエラー( 'ERROR_BASE64SRC_WRITE'));
}
})。
}。

エクスポート{base64src}。

#####2、在需要使用的文件中引入并使用

{} base64srcインポート」../../utils/base64src.js'から
ページ({
データ:{
shareQrImg: " データ:画像/ JPEG、Base64で、/ 9J / 4AAQSkZJRgA ........ GASDFKGKF =" // BASE64画像
}
のonLoad:機能(オプション){
(base64src this.data.shareQrImg、RES => {
にconsole.logピクチャのアドレスを返す//(RES)は、ラベルを直接画像に割り当てることができ
;})
}
} )

#####3、如果需要网络图片转换成base64格式。

wx.request({
URL: " https://s0.2mdn.net/simgad/10657937226496242109 "、
メソッド'GET'、
responseType: 'ArrayBuffer'、
成功:(RES)=> {
せwx.arrayBufferToBase64 Base64で=( res.data);
userImageBase64 = 'せてデータ:; base64で画像/ JPG、' + BASE64;
//印刷フォーマットピクチャBASE64;にconsole.log(userImageBase64)
ローカルキャッシュを使用//場合に所望の画像が、ステップ参照
}
} )
`` `

おすすめ

転載: www.cnblogs.com/jessie-xian/p/11571609.html