# BubbleのMobile camera inputについて

**URL:** <https://www.nocode-faq.com/t/topic/3498>\
**Category:** bubble\
**Created:** [2023 年 3 月 17 日午前 6:54 UTC](https://www.nocode-faq.com/t/topic/3498 "2023-03-17T06:54:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 3 月 17 日午前 6:54 UTC](https://www.nocode-faq.com/t/topic/3498/1 "2023-03-17T06:54:29Z")

</div>

Bubbleで複数枚の画像をアップロードするシステムを作りたいのですが、  
その際下記の機能を実装したいと考えております

①撮影した写真がカメラを開くボタンを上に表示がされる  
②撮影した写真を取り直したいボタンを押すと再度撮影が可能  
→その際改めてとった写真がボタンの上に表示される  
③最下部のUploadを押すと撮影した写真が一気にデータベースに反映される

現状は添付写真のような形で画面を作っているのですが、  
下記のような状況で苦戦しています。  
①ボタンの上に撮影した写真を表示させようとするとき、一度写真をUploadさせる方法しか思いついておらず、その場合は写真を撮るたびにデータベースが更新されてしまう  
→一括で複数枚の写真をUploadできない

そのためデータベースは更新されないが取った写真が画面上には表示がされ、Uploadボタンを押したときのみデータベースに画像が保存されるようにしたいと考えてます。  
→取り直したときは表示される写真も切り替わる

 ![アプリ写真①](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/879f9e964f50c761a58da23edd2106310ab63cde.png)

何かいい方法などございましたらご教示いただけますと幸いです。

よろしくお願いいたします！

---

<div class="post-metadata">

**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\
**Post date:** [2023 年 3 月 20 日午前 5:29 UTC](https://www.nocode-faq.com/t/topic/3498/2 "2023-03-20T05:29:49Z")

</div>

単純に、一度Custom Stateにアップロード写真を保持させるやり方で試してみられましたか？  
一時的に保持させておいて、Uploadボタンでその値を一括保存、でうまくいくのかなと感じました。

---

<div class="post-metadata">

**Author:** ![john03tgck01a](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/john03tgck01a/32/4558_2.png) [@john03tgck01a](https://www.nocode-faq.com/u/john03tgck01a)\
**Post date:** [2023 年 3 月 20 日午前 5:33 UTC](https://www.nocode-faq.com/t/topic/3498/3 "2023-03-20T05:33:50Z")

</div>

CustomStateを使うことで実装可能です。

1. 画像格納用のリストを作成  
 ![スクリーンショット 2023-03-20 14.29.50](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/972f6bdf257624c0c12adbb03a9782039872a894.png)  
2.画像作成時にCustomStateに格納  
 ![スクリーンショット 2023-03-20 14.31.31](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/c/c4980edcc655826396e154e1704bcc58b6773ef0.png)
2. Uploadを押した時に、CustomStateに保存した画像リストをデータベースに一括保存  
 ![スクリーンショット 2023-03-20 14.32.32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7c796673796ce526c0c24d144cacd9a47531bb51.png)

---

<div class="post-metadata">

**Author:** ![corp](https://avatars.discourse-cdn.com/v4/letter/c/ed655f/32.png) [@corp](https://www.nocode-faq.com/u/corp)\
**Post date:** [2023 年 3 月 22 日午前 1:23 UTC](https://www.nocode-faq.com/t/topic/3498/4 "2023-03-22T01:23:21Z")

</div>

ご丁寧にありがとうございます。  
かしこまりました！
