Base64文字列を画像に変換する方法
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
要件
Base64 文字列と、それを自動変換した画像を保存します。
利用ケース
マーケティングチームは、Web ページの読み込み時間を短縮するために、画像ファイルを直接配置する代わりに、Base64 文字列を使ってページ上に画像を表示しています。読み込み時間そのため、参照用としてアプリに Base64 文字列を保存し、それらを画像に変換してレポート内の画像項目に保存します。
手順
1. フォームを作成し、画像という名前を付け、次の詳細で設定します。
|
項目タイプ
|
項目名
|
項目リンク名
|
|
複数行
|
Base64 text
|
Base64_text
|
|
画像
|
画像
|
画像
|
ここで、このチュートリアルで後ほど使用する接続を作成します。
2. Microservicesに移動し、+ 新規作成 -> 外部連携をクリックして、新しい接続を作成します。
3. Zoho OAuthを選択します。
4. Creator 用に必要なスコープを選択し、その他の詳細を入力して、作成して認証をクリックします。
このアプリで接続が有効になっていることを確認してください。
5.フォームワークフローを作成し、次の詳細で設定します。
6. 次に、Base64 文字列を画像にデコードしてファイルに変換し、その画像を画像項目にアップロードするスクリプトを作成します。新しいアクションを追加 > Deluge Scriptをクリックし、次のスクリプトを Deluge エディターに保存します:
- // データ ID を変数に保存
- recID = input。ID;
- // Base64 文字列を画像にデコード
- imageValue = Zoho。encryption。base64DecodeToFile(input。Base64_text,'sample_file。png');
- // Creator API を使用して、変換した画像を画像項目にアップロード
- imageValue。setParamName('file');
- invokeSyntax = invokeurl
- [
- url :'https://creator.zoho.com/api/v2/<app_owner_name>/<app_name>/report/<report_link_name>/'+ recID + '/Image/upload'
- 種類 :POST
- files:imageValue
- connection:'creator'
- ];
7. フォーム読み込み時に画像項目はユーザーが手動で入力するものではないため、非表示にすることもできます。次の詳細でワークフローを作成します。
8. 新しいアクションを追加をクリックし、次のスクリプトを保存します:
- 隠す 画像;
動作を確認する
サンプルデータ
ページ末尾の添付ファイルをダウンロードできます。各ファイルには、サンプル画像の Base64 エンコード文字列が含まれています。これを画像項目にアップロードすると、対応する画像がレポートに表示されます。
ヒント: このWeb サイトを使用すると、指定されたスペースに画像をドラッグ＆ドロップ、アップロード、または画像 URL を入力するだけで、その画像の Base64 エンコード版をすばやく生成できます。