「質問に画像を選択肢として使う方法」

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

必要条件

各質問に対する複数の選択肢を画像形式で持つフォームが必要です。

使用例

脳トレアプリが構築されました。それには、さまざまな質問をリストする質問フォームがあります。質問には、複数の選択肢があります。一部の質問については、答えを画像から選択する必要があるため、オプションは画像にする必要があります。

動作方法を見る

手順

1. フォームの作成以下の詳細を元に

フォーム	フォームリンク名	フィールドタイプ	フィールド名	フィールドリンク名
画像	画像	画像	画像	画像
質問	質問	メモを追加	メモ	プレーン
質問	質問	ラジオ	質問マークの代わりに何が入るのですか？	What_will_replace_the_Question_Mark

現在、オプションと質問をイメージとしてフォームに追加します。質問はイメージフィールドとし、回答はイメージの選択肢から選択するようにします。それらのレコードをフォームに挿入します。

2. 次に、アップロードした画像のURLを取得してフォームに挿入する方法を学びましょう。画像のURLを取得する関数を作成し、それらを再構築する方法を考えます。関数を作成する、 getAllImages という名前で、画像のURLを取得します。

3. Deluge エディターに以下のコードを追加してください：

void getAllImages()を取得する
{
Images[ID != null]の各イメージについて
{
イメージの詳細を表示する
<スニペット1を挿入>
<スニペット2を挿入>
}
}

The Info Statement（行番号５）は以下のように画像URLを印字します：

<img src = ' https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/ 1625047562073_Question.png' lowqual = ' https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1625047562073_710' medqual = ' https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1625047562073_710' downqual =

' https://creatorexport.zoho.com/sharedBy/appLinkName/viewLinkName/fieldName/image/1625047562073_Question.png' border = '0'></img>

このテキストの太字部分は、アップロードされたファイルの名前です。それを画像フィールドの値から分割する必要があります。他の方法については、注意点に記載しています。

スニペット1：

以下のように、「/image/」の最後の部分（「\」でエスケープされた最初のダブルクォーテーション（'）まで）を取得しましょう：

//アップロードした画像のファイル名を取得します
fileName = image.Image.getSuffix('/image/').getPrefix('\'');
info fileName;

このインフォステートメントは、アップロードされた画像ファイル名として 1625047562073_Question.png を印刷します。

スニペット2：

次に、イメージURLを構築しましょう：

//画像のURLを構築する
img = ' https://creatorexport.zoho.com/file/' + zoho.appuri + 'All_Images/' + image.ID + '/Image/image-download?filepath=/' + fileName;
info img;

上記のスニペットの結果として、次のようになります：' https://creatorexport.zoho.com/file' + /scopeName/appLinkName/ + reportLinkName + image.ID + '/Image/image-download?filepath=/' + fileName ;

パラメーター	値	説明
/scopeName/appLinkName/	zoho.appuri	このシステム変数は、URLに必要なスコープ名とアプリケーションのリンク名を提供します。
レポートリンク名	All_Images/	画像フォームの画像のレポートリンク名です。
イメージID	<19桁のレコードID>	必要なイメージのレコードリンクID
ファイル名	1625047562073_Question.png	アップロードされた画像の名前

4. 質問フォーム内で、 ノート フィールドをクリックし、次に HTMLの編集 アイコンをクリックしてください。

5. 以下のコードを挿入して質問画像を表示してください：

<div>
<div>
<img src = ' <Paste the question URL from the function> '>
<br>
</div>
<div>
<br>
</div>
<style>
//質問名をより大きく表示します。
.zc-What_will_replace_the_Question_Mark-group .form-label span { font-size: 1.5rem }
</style>
</div>
<div>
<br>
</div>

6. フォームのロード時にオプションを表示するために、質問フォームに対してワークフローを作成して、フォームの ロード時に実行しましょう。

7. 「新しいアクションを追加」をクリックして、Deluge Editorに下記のコードを追加してください。これらは、ステップ4で構築した画像URLです。

Images[ID != <QuestionID>]の各イメージについて
{
fileName = image.Image.getSuffix('downqual = \'').getSuffix('image/').getPrefix('\'');
img = '<img src=\' https://creatorexport.zoho.com/file/' + zoho.appuri + 'All_Images/' + image.ID + '/Image/image-download?filepath=/' + fileName + '\'/>';
input.What_will_replace_the_Question_Mark:ui.add(img);
}

これにより、「何が疑問符に置き換えられるか？」フィールドのオプションが画像としてロードされます。