# 【質問内容】アップロード画像の容量制限
先般ご相談させていただいたのですが、いくつか質問してしまった......

**URL:** <https://www.nocode-faq.com/t/topic/750>\
**Category:** Adalo\
**Created:** [2021 年 2 月 2 日午前 10:36 UTC](https://www.nocode-faq.com/t/topic/750 "2021-02-02T10:36:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\
**Post date:** [2021 年 2 月 2 日午前 10:36 UTC](https://www.nocode-faq.com/t/topic/750/1 "2021-02-02T10:36:19Z")

</div>

【質問内容】アップロード画像の容量制限  
先般ご相談させていただいたのですが、いくつか質問してしまったので、埋もれてしまったかもなので、もう一度相談させてください。  
ユーザーが画像をアップロードできるようにしているのですが、あまりにも大きなデータだとAdaloの使用量を超えてしまっては困るので、アップできるデータの容量制限をかけたいのですが、なんらかの実現可能性はありそうですか。  
※Adalo単体で無理な場合は、何か解決策ありそうでしょうか？

---

<div class="post-metadata">

**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\
**Post date:** [2021 年 2 月 2 日午前 10:36 UTC](https://www.nocode-faq.com/t/topic/750/2 "2021-02-02T10:36:20Z")

</div>

エンジニアの世界で厳密にファイルアップロードを制限しようとすると「フロント、バックエンド」の両方で制限が必要となります。流れは以下の通りです。  
(ユーザ)画像を選択-\>アップロードボタンをクリック:「フロントエンド」|-(通信が発生)-\>(Adalo API)通信の内容に基づいてデータベースに登録:「バックエンド」  
厳密には「通信が発生」の部分をいきなり飛ばすことはできますが、僕のようなごく一部のエンジニアにしか気づかれません。なので一般の利用者だけを考えるのであれば「フロント」側の対策で十分と考えた前提で話を進めます。  
実現可能と言うのであれば以下の3案があります。  
① Adalo公式がアップロード制限付きのコンポーネントを作る (フロント・バックエンド両方対応可)  
こちらは「Feature Request」がユーザから先週送られており現在の投票数は「5」です。この数字が大きければ大きいほどAdaloの対応速度が早くなります。  
[https://ideas.adalo.com/feature-requests/p/file-uploader-with-limitations](https://ideas.adalo.com/feature-requests/p/file-uploader-with-limitations)  
② 自作コンポーネントを作る (フロントのみ可)  
ファイルのアップロード前に「画像リサイズ・サイズチェック」が実行できます。  
■「react native 画像 リサイズ」で検索  
[http://sottar.hatenablog.com/entry/2017/05/21/171225](http://sottar.hatenablog.com/entry/2017/05/21/171225)  
■「react native file size check」で検索 (日本語だと良さげなのが無いです)

> <https://stackoverflow.com/questions/41372152/react-native-how-to-get-file-size-mime-type-and-extension>

■「Adalo」コンポーネント作成  
[http://developers.adalo.com/](http://developers.adalo.com/)  
③ APIサーバなどを経由させてバックエンドで制限する (バックエンドのみ可)  
やりたいことは②と同じでファイルのサイズをチェックしてOKかどうかを判定させます。  
個人的には①②が1番現実的な手段だと思います

## 参考URL

[https://ideas.adalo.com/feature-requests/p/file-uploader-with-limitations](https://ideas.adalo.com/feature-requests/p/file-uploader-with-limitations)

[http://sottar.hatenablog.com/entry/2017/05/21/171225](http://sottar.hatenablog.com/entry/2017/05/21/171225)

> <https://stackoverflow.com/questions/41372152/react-native-how-to-get-file-size-mime-type-and-extension>

[http://developers.adalo.com/](http://developers.adalo.com/)