画像フィールドを使用すると、ユーザーはフォームから写真を送信できます。写真をその場で撮影することも、既存の画像をアップロードすることも可能です。これにより、ID、商品写真、配送完了の証跡、現場の証拠など、視覚情報を収集する際に役立ちます。また、1 回の送信でユーザーに 1 枚のみアップロードさせるか、複数枚アップロードさせるかを柔軟に設定できます。管理者は、このフィールドをフォームに追加する際に動作方法を設定できます。

• ユーザーが Web ブラウザーからアクセスする場合:
  

  

• ユーザーが電話またはタブレットからアクセスする場合:
  

  
  

アップロードされた画像の名前

ユーザーがこのフィールドに画像をアップロードすると、画像の名前は次の形式で設定されます。

• 画像名の前に、アンダースコア (_) と、その画像をアカウント内で一意に識別するシステム生成の番号が付加されます。
• 画像名が 150 文字を超える場合は、自動的に切り詰められます。
• ハイフン (-) を除く空白およびその他の特殊文字は、アンダースコア (_) に置き換えられます。

Web ブラウザーからアクセスする場合

以下は、ユーザーが Web ブラウザーからアクセスしたときに、画像フィールドがどのように表示されるかの例です。

フィールドに対して有効にした参照設定に応じて、ユーザーは次の方法で画像をアップロードできます。

• ローカルストレージから
• クラウドストレージ上の画像のリンクを入力して
• 写真を撮影してアップロード

ローカルストレージから画像をアップロードする

1. 画像フィールドのアップロードアイコンをクリックします。デバイスのファイルエクスプローラーが起動します。
2. 必要な画像を選択します。
3. または、必要な画像をフィールド上にドラッグ＆ドロップすることもできます。

クラウドストレージ上の画像をリンク入力でアップロードする

1. 画像フィールドのURLアイコンをクリックします。
2. 必要な画像の URL を入力します。
3. 画像フィールドに対して画像オプションが有効になっている場合は、入力した画像 URL に対するリンク名と説明を入力します。

デバイスのカメラで写真を撮影する

1. 画像フィールドのCamera アイコンをクリックします。
2. ユーザーが画像または動画フィールドに初めてアクセスする場合は、デバイスのカメラの使用許可を求めるメッセージが表示されます。
   
   • Allow（許可）または Block（ブロック）を選択できます。
   • Block を選択した場合、Allow access to media というメッセージが表示されます。カメラへのアクセスを Allow で許可するまで、写真を撮影することはできません。
3. Allow をクリックします。画像レコーダーがポップアップウィンドウで起動します。
4. ポップアップ下部の Camera アイコンをクリックして写真を撮影します。
5. 完了 をクリックして写真を使用するか、Retake をクリックして撮り直し、その後 完了 をクリックします。
6. 撮影した写真が画像フィールドに表示されます。

電話またはタブレットからアクセスする場合

ユーザーが電話またはタブレットからフォームにアクセスし、画像フィールドをタップすると、次の 2 通りの方法で画像を追加できます。

• 写真を撮影する
• 写真を選択する — デバイスのフォトギャラリーから選択します。このオプションは、フィールドプロパティで フォトギャラリーを有効にする をオンにした場合に利用できます。

さらに、iOS 13 以降のユーザーは、複数の画像をスキャンして PDF としてファイルアップロードフィールドにアップロードすることもできます。

写真を撮影する

1. 画像項目をタップします。これにより、デフォルトカメラ項目プロパティで設定されている値に応じて、デバイスのメインカメラまたはサブカメラが起動します。
2. フォトギャラリーを有効にする項目プロパティが有効な場合は、写真を撮るをタップします。デバイスのカメラが起動します。
3. カメラの切り替えを許可項目プロパティが有効な場合、デバイスのカメラを切り替えることができます。
4. シャッターボタンをタップして写真を撮影します。撮影した画像をプレビューできます。
5. 画面右下の写真を使用をタップするか、左下の再撮影をタップして画像を撮り直します。
6. 注釈（モバイル用）項目プロパティが有効な場合、画像に注釈を追加できます。
7. 画面右上の完了をクリックします。撮影した写真が画像項目に表示されます。

デバイスのフォトギャラリーから写真を選択する

1. 画像項目をタップし、写真を選択をタップします。デバイスのフォトギャラリーが起動します。
2. 必要な画像を選択します。
3. 注釈（モバイル用）項目プロパティが有効な場合、画像に注釈を追加できます。
4. 画面右上の完了をタップします。選択した写真が画像項目に表示されます。

項目プロパティ

フォーム上の画像項目のユーザーエクスペリエンスについて、次のカスタマイズも行うことができます。

• モバイルプロパティを定義し、エンドユーザーのモバイルでの利用体験をカスタマイズできます。
• アスペクト比を設定し、この項目プロパティで設定した値に応じて、ユーザーが撮影または選択した写真のサイズを変更できます。
  
• サイズの大きいアップロード済みまたは撮影済みの画像を圧縮するために、 画像圧縮 を有効にします。圧縮された画像は、閲覧およびダウンロードに使用できます。
• 参照設定を定義し、ユーザーが画像を選択できるソースを指定します。
• フォームの画像項目に追加された画像に対して、件名とリンク名を指定できるように、必要な画像設定を選択します。
• この項目の項目名と項目リンク名をカスタマイズします
• ユーザーがこの項目に画像を追加することを必須にします
• この項目をアプリの管理者のみに表示し（他のユーザーからは非表示にします）
• 項目サイズを設定します
• ユーザーがこの項目にマウスオーバーしたときにツールチップメッセージを表示するよう有効にします

画像のダウンロード

画像項目に保存されている画像は、次のURLを使用してダウンロードできます。

ここで、

• domainはDC（データセンター）ごとに異なります。たとえば、アカウントがZohoの米国データセンターにある場合はcreatorexport.zoho.com、EUデータセンターにある場合はcreatorexport.zoho.euを使用する必要があります。
• account_owner_nameには、Creatorアプリケーションのアカウント所有者のユーザー名と、アプリケーションのリンク名が含まれます。
• reportLinkNameは、該当する画像項目が表示されるレポートのリンク名です。（レポートリンク名を確認するには、レポートの編集モードでレポート設定 -> 概要をクリックして、reportLinkNameを取得します。）
• fieldLinkNameは、該当する画像項目のリンク名です。
• imageNameは、該当する画像の名前です。詳細はこちら

たとえば、Zylker Automobile Serviceというアプリケーションを作成したとします。このアプリケーションには、Emergency Service requestというフォームがあり、ユーザーは破損した車両の写真を撮影し、画像の説明を追加してフォームを送信できます。Emergency Service requestレポートにアクセスしたときに、その画像をダウンロードしたい場合があります。そのためには、レポートにカスタム操作を設定し、画像をダウンロードボタンをクリックすると画像がダウンロードされるようにします。このカスタム操作では、上記のURL形式を次のように構成します。

ここで、

• tempFileNameは、画像項目に保存されている各画像のファイル名を格納する変数です。
• getsuffix()は、文字列内でsearchStringが最初に出現した位置以降のすべての文字を返します。詳細はこちら
• getprefix()は、文字列内でsearchStringが最初に出現した位置より前のすべての文字を返します。詳細はこちら
• Zoho。appuriは、次の形式でアプリケーションの詳細を返します。
  /<account_user_name>/<application_link_name>
• openUrl Delugeタスクは、ユーザーを指定したURLにリダイレクトするために使用されます。このURLは、同一ウィンドウ、新規ウィンドウ、親ウィンドウ、ポップアップウィンドウ、またはiframeで開くことができます。

これで、Emergency Service Request レポートにアクセスすると、画像を表示ボタンが表示されます。

アップロードモードの設定

注意事項