ファイル添付コンポーネント

最終更新日： 2024年11月27日

作成対象：

  • 開発者
  • 管理者
  • ユーザー

送信された値のデータタイプ​機能は、早期導入プログラムで利用できます。早期導入プログラムに参加し、機能へのアクセスをリクエストするには、公式メール ID から aem-forms-ea@adobe.com にメールを送信してください。

アダプティブフォームのファイル添付コンポーネントを使用すると、ユーザーはローカルコンピューターまたはデバイスからファイルを選択してアップロードできます。ファイル添付コンポーネントは、特定のファイルタイプ、サイズ制限、複数の添付ファイルを許可するように設定できます。

例

例

使用方法

アダプティブフォームにファイル添付コンポーネントを含める方がメリットが大きい理由はいくつかあります。例えば、次のような理由があります。

  • 追加情報の収集：ユーザーはフォーム送信の一環として、ドキュメント、画像、ビデオまたはその他のタイプのファイルをアップロードできます。これは、履歴書、ポートフォリオ、サポートドキュメントなどの追加情報を収集する場合に役立ちます。

  • サイズの大きいファイルを簡単に共有：外部のファイル共有サービスに依存することなく、大きなファイルを簡単に共有できます。

  • 利便性：ユーザーはフォームから移動したり他のツールを使用したりしなくても、ローカルのコンピューターからファイルをアップロードできます。

  • データ分析：様々なソースからデータを収集して分析したり、入力として使用してさらに処理を行ったりできます。

  • ユーザーエクスペリエンス：ユーザーがファイルをアップロードする際に直感的で明確な方法を提供することで、フォームをより使いやすくすることができます。

バージョンと互換性

アダプティブフォームのファイル添付コアコンポーネントは、Cloud Service 向けコアコンポーネント 2.0.4 および AEM 6.5.16.0 Forms 以降向けコアコンポーネント 1.1.12 の一部として、2023年2月にリリースされました。次の表に、サポートされているすべてのバージョン、AEM の互換性、対応するドキュメントへのリンクを示します。

コンポーネントのバージョン
AEM as a Cloud Service
AEM 6.5.16.0 Forms 以降
v1
リリース 2.0.4 以降と互換性あり
リリース 1.1.12 以降、2.0.0 未満と互換性があります。

コアコンポーネントのバージョンとリリースについて詳しくは、コアコンポーネントのバージョンドキュメントをご覧ください。

技術的詳細

アダプティブフォームのファイル添付のコアコンポーネントに関する最新情報については、GitHub のテクニカルドキュメントをご覧ください。コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントをご覧ください。

設定ダイアログ

設定ダイアログでは、訪問者によるファイル添付の操作を簡単にカスタマイズできます。 また、簡単にファイル添付オプションを定義して、シームレスなユーザーエクスペリエンスを実現することもできます。

「基本」タブ

「基本」タブ

  • 名前 - フォームコンポーネントは、フォーム内とルールエディター内の両方で一意の名前で簡単に識別できますが、名前にスペースや特殊文字を含めることはできません。

  • タイトル - タイトルを使用すると、フォーム内のコンポーネントを簡単に識別できます。デフォルトでは、コンポーネントの上にタイトルが表示されます。 タイトルを追加しない場合、コンポーネントの名前がタイトルテキストの代わりに表示されます。

  • タイトルのリッチテキストを許可 - この機能により、ユーザーは、太字、斜体、下線付きのテキスト、様々なフォント、フォントサイズ、カラー、追加オプションなどの機能を組み込んで、プレーンテキストのタイトルを書式設定でき、視覚的なプレゼンテーションとカスタマイズが強化されます。 これにより、ドキュメント、web サイト、アプリケーション内でタイトルを目立たせる際の柔軟性とクリエイティブなコントロールが向上します。
    「タイトルのリッチテキストを許可」 チェックボックスをオンにすると、コンポーネントのタイトルをスタイル設定するための書式設定オプションが表示されます。 使用可能なすべての書式設定オプションにアクセスするには、 全画面表示アイコン タブをクリックします。

    リッチテキストのサポート

  • タイトルを非表示 - コンポーネントのタイトルを非表示にする場合は、このオプションを選択します。

  • ボタンのタイトル - このオプションは、アダプティブフォームに表示されるボタンのラベルを設定するために使用されます。

  • バインド参照 - バインド参照は、外部データソースに保存され、フォーム内で使用されるデータ要素への参照です。バインド参照を使用すると、データをフォームフィールドに動的にバインドして、フォームにデータソースの最新のデータを表示できます。 例えば、フォームに入力された顧客 ID に基づいて、顧客の名前と住所をフォームに表示できます。 さらに、フォームに入力されたデータでデータソースを更新することもできます。 このようにして、AEM Forms で外部データソースとやり取りするフォームを作成し、データの収集と管理においてシームレスなユーザーエクスペリエンスを提供できます。

  • 非連結フォーム要素としてマーク：どのスキーマにもリンクされていないフォームフィールドを設定する場合は、このオプションを選択します。 このオプションを使用すると、データソースを更新せずにデータを保存できます。 また、標準のデータベース統合とは別に、カスタム方法でデータを処理できます。

  • 送信された値のデータタイプ：添付ファイルをサーバーに送信する方法を決定するオプションを選択します。添付ファイルをバイナリデータとして送信するには、File オプションを選択します。添付ファイルを Base64 でエンコードされた文字列として送信するには、String オプションを選択します。String を選択した場合、バイナリ形式のファイルがデータ URL としてサーバーに送信されます。サーバーはデータ URL を自動的にバイナリ形式に変換し、メールの送信やレコードのドキュメントの生成などの既存のアクションとの互換性を確保します。ユーザーが変更を加える必要はありません。デフォルトでは、File オプションが選択されています。

  • コンポーネントを非表示 - フォームでコンポーネントを非表示にするには、このオプションを選択します。 このコンポーネントは、他の目的（ルールエディターでの計算に使用するなど）にも利用できます。 これは、ユーザーが表示する必要のない情報や直接変更した情報を保存する必要がある場合に役立ちます。

  • コンポーネントの無効化 - コンポーネントを無効にする場合は、このオプションを選択します。 エンドユーザーは、無効になっているコンポーネントをアクティブにしたり、編集したりすることはできません。 ユーザーはフィールドの値を表示できますが、変更することはできません。 このコンポーネントは、他の目的（ルールエディターでの計算に使用するなど）にも利用できます。

  • 読み取り専用 - コンポーネントを編集不可にするには、このオプションを選択します。 ユーザーはフィールドの値を表示できますが、変更することはできません。 このコンポーネントは、他の目的（ルールエディターでの計算に使用するなど）にも利用できます。

  • 複数の添付ファイルを許可 - 添付ファイル ​ボタンから複数の添付ファイルをアップロードできます。

  • テキストをドラッグ＆ドロップ - 「添付」ボタンの上部に表示され、ファイルを添付するかドラッグ＆ドロップするかをユーザーに促すテキストです。「添付」ボタンの上部に表示されるテキストをカスタマイズするオプションがあります。さらに、リッチテキストメニューを使用してテキストを書式設定できます。