tag テンプレートパーツ tag テンプレート
最終更新日: 2024年02月06日

【写真入力】レポートテンプレートに追加

写真入力フォーム写真入力フォーム 写真入力フォーム
集計可否CSV出力PDF出力文字検索
▲(1枚目のみ)

レポートにjpegかpngのファイルを添付できます。画像ファイルは1枚あたり5MBまで、合計で10ファイルまでアップロードできます。PDFファイルやエクセルファイルなど、写真以外のファイルを添付したい場合はファイル入力フォームの利用を検討してください。 ファイル入力フォームでも写真を添付できますがレポート閲覧時に画像がプレビューないため、画像に限定した限りではこちらの写真入力フォームのほうが便利です。

キャラクター

ついでにいうと写真入力フォームは画像圧縮も自動で行います

写真入力フォームの初期設定

写真入力フォームは初期設定項目が非常に少ないです。その中で唯一気にかける項目は幅の指定です。

写真入力フォームのみで構成されたテンプレートを作成
写真入力フォームのみで構成されたテンプレートを作成
写真入力フォームのみで構成されたテンプレートを作成 写真入力フォームのみで構成されたテンプレートを作成

添付された写真データは幅いっぱいになるように画像を表示しようとするため、幅が広いと写真が大きく表示されます。

入力必須
これがONの場合、ファイルが添付されていない場合レポートの提出ができなくなります
初期値
レポートの新規作成時に値をセットしたい場合は数値を入力してください。不要の場合は空欄にしておきます

共通設定事項については以下を参照してください。

写真入力フォームの含まれたレポートを書く

PCからはドラッグ操作で写真をレポートに添付できます。スマートフォン・タブレットの場合はボックスをタップして追加してください。

写真入力フォームの含まれたレポート作成画面のイメージ。写真を添付できる枠がありそこから写真を追加できる。PCの場合はドラッグ操作で追加も可能
写真入力フォームの含まれたレポート作成画面のイメージ。写真を添付できる枠がありそこから写真を追加できる。PCの場合はドラッグ操作で追加も可能
写真入力フォームの含まれたレポート作成画面のイメージ。写真を添付できる枠がありそこから写真を追加できる。PCの場合はドラッグ操作で追加も可能 写真入力フォームの含まれたレポート作成画面のイメージ。写真を添付できる枠がありそこから写真を追加できる。PCの場合はドラッグ操作で追加も可能

レポート作成時は高さ制限があるため縦長の画像は上下がカットされたように見えますが、単にクロップされているだけです。データ自体は残っているのでご安心ください。 全体の写真はレポート受信時に表示できるようになります。

写真入力フォームのレポートを読む

写真は幅いっぱいに表示されるため、同じ画像でも幅によって見え方が変わります。

レポート表示画面。写真はテンプレートの指定した幅にあわせて拡大されるため、同じ画像でも表示倍率が異なることがある
レポート表示画面。写真はテンプレートの指定した幅にあわせて拡大されるため、同じ画像でも表示倍率が異なることがある
レポート表示画面。写真はテンプレートの指定した幅にあわせて拡大されるため、同じ画像でも表示倍率が異なることがある レポート表示画面。写真はテンプレートの指定した幅にあわせて拡大されるため、同じ画像でも表示倍率が異なることがある

また、各写真には「表示切り替え」スイッチが付属します。スイッチがOFFの際は縦横比を維持して画像全体を表示します。そのため一般的には画像が小さくなります。 スイッチをONにすると画像を大きく表示し、縦に長い画像は上下をクロップします。 ※スマートフォンでは見え方が変わります。

キャラクター

16:9程度の横長な画像が一番きれいに表示されます。今回はサンプルが悪かったですね!

イラストデータのダウンロード

CSV出力のオプション設定から「写真・ファイル等を出力する」をONにしてCSV出力すると別フォルダに署名やイラストがダウンロードされます。

バイナリファイルを一括ダウンロード
バイナリファイルを一括ダウンロード
バイナリファイルを一括ダウンロード バイナリファイルを一括ダウンロード

これで写真入力フォーム署名入力フォームファイル入力フォームそれぞれののデータがCSV出力時にまとめてダウンロードされます。 それぞれのレポートフォルダの中に写真や署名・データファイルなどがまとめられます。

PDFに出力

PDFに出力する際、添付した画像が複数枚ある場合は先頭の1枚目のみ出力されます。2枚目以降は出力されない点に注意してください 複数枚PDFに出力したい際は、今回の例のように写真入力フォームを複数設置することで回避できます。

また、極端に小さい幅だと最小画像サイズがあるため、それを下回った場合に枠線からはみ出すことがあります。 今回のサンプルも少しはみ出しています。 PDF出力を前提とする場合、写真入力フォームの幅は最低でも5以上を取るようにしてください。

tag テンプレートパーツ tag テンプレート