【写真入力】を日報に追加

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

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

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

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

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

入力必須

これがONの場合、ファイルが添付されていない場合日報の提出ができなくなります

初期値

日報の新規作成時に値をセットしたい場合は数値を入力してください。不要の場合は空欄にしておきます

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

写真入力フォームの含まれた日報を書く #

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

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

写真入力フォームの日報を読む #

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

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

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

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

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

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

PDFに出力 #

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

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