画像アップロード時

現状PictureUploaderを利用し画像のアップロードをしています。

実装の理想としてはアップロードして表示される画像に余白が出ないようにしたいのですが、
現状縦長の画像を入れると横に空白が、横長の画像を入れると上下に空白が出てしまいます。(画像添付)

imageの場合processed with lmgixで対応出来るのですがアップロード時にはそのような設定は組めるのでしょうか。

こちらは設定等で空白をなくすことは出来ますでしょうか。
スクリーンショット 2023-10-23 14.00.45

「いいね!」 1

画像アップロード後の表示を余白なしにしたいということであれば、

  1. 画像アップローダーとImageコンポネントを用意
  2. ImageはThe elemelnt is visible on page loadのチェックを外す
  3. 画像アップローダーのinput valueが変わった際にワークフローを起動させ、画像アップローダーのvalueをset stateでImageコンポネントに与え、画像アップローダーをhideして、imageをshowする

そうするとアップロード後、余白なしの画像が表示されるようになります :slightly_smiling_face:

「いいね!」 2