画像やイラスト・写真などをアップロードするためのエレメントで、ボタンなどのエレメントと組み合わせることでデータベースに保存する事ができます。

▼目次

サンプルアプリ

https://sharev3.click.dev/b8091565-9877-4bed-9ad8-f9094310ea5f?locale=ja

サンプルアプリを使用して、〔画像インプット〕エレメントのご利用方法を解説します。

テーブルの作成(データベース)

データベースにて、画像を保存する為のテーブルと項目を作成します。データベースに移行し、画像を保存するための項目を作成する。今回は、〔User〕テーブルに画像を追加する為〔User〕Useテーブルの〔項目の追加〕から画像タイプの項目を作成してください。

〔画像・写真〕という項目名とします。

image.png

画像インプットエレメントの設定

キャンバスに移動し、〔画像インプット〕を配置してください。

image.png

画像をアップロードする

右側パネルのエレメント設定から、〔画像ソース〕の設定をおこないます。

画像のアップロード方法は「フォルダから選択」と「カメラで撮影」があり、設定を変更することで「カメラで撮影」のみのアップロード方法に切り替えることが可能です。

デフォルト設定は両方からアップロードすることが可能です。

image.png

画像を保存する