# AdaloからAirtableへの画像のデータ受け渡しについて

**URL:** <https://www.nocode-faq.com/t/topic/2168>\
**Category:** Adalo\
**Created:** [2021 年 9 月 13 日午前 1:40 UTC](https://www.nocode-faq.com/t/topic/2168 "2021-09-13T01:40:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 9 月 13 日午前 1:40 UTC](https://www.nocode-faq.com/t/topic/2168/1 "2021-09-13T01:40:47Z")

</div>

こんにちは！  
AdaloとAirtableをApiで繋げているのですが、  
Airtable内のAttachmentが（内容は一枚の画像）Adaloに送られる際にURLに変換される（データの型がTextになってしまう）仕様があるのでイメージソースをURLにしてアプリ内に表示しています。

そこで質問なのですが、  
Adalo側からユーザーが投稿した画像を表示するにはどうすればいいでしょうか？  
また投稿時、Airtableに画像を保存したいです。

ご存知の方いらっしゃいましたら、ご教授ください。お願いします🥺

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2021 年 9 月 14 日午前 5:49 UTC](https://www.nocode-faq.com/t/topic/2168/2 "2021-09-14T05:49:27Z")

</div>

まず、おっしゃる通り、Adalo→Airtable間は、テキストのやり取りしかできないのが大前提です。  
【参考】Displaying Images

> **[Displaying Images | Adalo Resources](https://help.adalo.com/integrations/airtable/displaying-images)**

> Adalo側からユーザーが投稿した画像を表示するにはどうすればいいでしょうか？

Imageコンポーネントを選択した際に[URL]を選択しAirtable側のimageのURLを選択すればOKです。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e297b2f821bcd667b4563a89b39646f3b380ea95.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f972492ae0b0d461bc076a31c05231b2ade28160.jpeg)

Airtableの画面

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/7f957339532369f2ab06a9e5a56e43523a7ca5a7.png)

９月18日 に説明もしますね。（忘れていたら、コメントもらえばやります💦）

## AdaloでAirtableとの接続をしよう

> **[AdaloでAirtableとの接続をしよう (2021/09/18 19:00〜)](https://nocodecamp.connpass.com/event/225013/)**
>
> NoCode（ノーコード）開発を進めるNoCodeCampの公開イベント開催！！ プログラミング（コーディング）を使わないで、HP構築、アプリケーションの開発をしていきませんか？ 【NoCodeCamp】はNoCodeの最新情報、専門性を共有する網羅的なコミュニティです。 ### 今回のイベントについて データベースの接続として、便利なAirtable。 今回は、中級編としてAdalo ＋Airtable を使った接続方法を勉強していきましょう。 Adaloとは？ ...

> また投稿時、Airtableに画像を保存したいです。

基本、Adalo→Airtableは、テキストベースなので、そのままだとできません。JSON  
で取得する方法がありますが、大変なので、Zapier か、Integromatで接続するのがいいと思います。

> **[Upload picture to airtable in a adalo form](https://forum.adalo.com/t/upload-picture-to-airtable-in-a-adalo-form/9680)**
>
> Hello forum, I have problems building a form in adalo which is connected to a extern database (airtable). Texts all arrive in airtable that I enter in the form. Only when I want to integrate the image picker, It doesn’t work. It should be a...

あとそもそもですが、AirtableにAdaloからデータを上げたいなら、Airtable側のFormを使えばよいかなと思いました。  
【参考】Airtable Form  
[https://support.airtable.com/hc/en-us/articles/206058268-Guide-to-using-the-form-view](https://support.airtable.com/hc/en-us/articles/206058268-Guide-to-using-the-form-view)

---

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 9 月 14 日午前 6:34 UTC](https://www.nocode-faq.com/t/topic/2168/3 "2021-09-14T06:34:29Z")

</div>

毎度ありがとうございます。  
ユーザーが画像を投稿したいときに  
リンク先として作ったフォームのURLを指定するっていうことですよね！？

またデザインの問題になるのですが、  
フォームを呼び出すときは、モーダルの方がいいと思いますか？

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2021 年 9 月 14 日午前 6:43 UTC](https://www.nocode-faq.com/t/topic/2168/4 "2021-09-14T06:43:55Z")

</div>

はい、その通りです 😀

> フォームを呼び出すときは、モーダルの方がいいと思いますか？

僕、デザインからきしですが、input ということであれば、モーダルの方がお洒落かもしれませんね！

---

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 9 月 14 日午前 6:55 UTC](https://www.nocode-faq.com/t/topic/2168/5 "2021-09-14T06:55:33Z")

</div>

分かりました。  
早速やってみまーす！

---

<div class="post-metadata">

**Author:** ![shuhayas](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/shuhayas/32/5306_2.png) [@shuhayas](https://www.nocode-faq.com/u/shuhayas)\
**Post date:** [2021 年 9 月 17 日午前 2:24 UTC](https://www.nocode-faq.com/t/topic/2168/6 "2021-09-17T02:24:09Z")

</div>

AdaloのDBに画像を格納し、画像のURLを受け渡せば解決しませんかね？

---

<div class="post-metadata">

**Author:** ![crubushi008](https://avatars.discourse-cdn.com/v4/letter/c/ecae2f/32.png) [@crubushi008](https://www.nocode-faq.com/u/crubushi008)\
**Post date:** [2021 年 9 月 17 日午前 2:39 UTC](https://www.nocode-faq.com/t/topic/2168/7 "2021-09-17T02:39:56Z")

</div>

ありがとうございます〜  
自分の場合AirTableの方にも画像を保存したかったので、↑のようにフォームを作る方の都合が良かったです。  
メインで使うデータベースがAdaloの場合はこちらのやり方の方がスムーズですね！
