---
title: "#30DaysOfStreamlit Day18 st.file_uploader"
description: "この記事では、#30DaysOfStreamlitの内容の紹介を行います。\nst.file_uploader\nファイルアップローダーウィジェットを紹介します。streamlitのファイルアップローダーは200MBに制限されています。これは、server.maxUploadSize 構成オプションを使用して構成"
---

[AIDXナレッジ - INSIGHT LAB](https://knowledge.insight-lab.co.jp/aidx)

# [#30DaysOfStreamlit Day18 st.file\_uploader](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day18-st.file_uploader)

 作成者: [Budo Ogimoto](https://knowledge.insight-lab.co.jp/aidx/author/budo)｜2023年12月19日

## はじめに

この記事では、#30DaysOfStreamlitの内容の紹介を行います。   
#30DaysOfStreamlitについては[コチラの記事](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlitをやってみた)を参照してください。

## st.file\_uploader

ファイルアップローダーウィジェットを紹介します。   
streamlitのファイルアップローダーは200MBに制限されています。   
これは、server.maxUploadSize 構成オプションを使用して構成できます。   
構成オプションの詳細な設定については[コチラ](https://docs.streamlit.io/library/advanced-features/configuration#set-configuration-options)をご覧ください。

## 構築する目標

CSVファイルをアップロードしてPandas DataFrameで読み込みアプリケーション上に出力するアプリケーションを作成する。

## アプリケーションの構築

アプリケーションを構築します。 以下Pythonコードです。

アプリケーションを実行すると以下の通りです。  
ファイルアップ前

アップロード後

## コードの解説

必要なライブラリをインポートします。

アプリケーションタイトルを設定します。

サブヘッダーを設定後、ファイルアップローダーウィジェットを設定します。

最後に、(条件で実装されているように) ユーザーにファイルをアップロードするよう促すウェルカム メッセージを最初に表示するための条件ステートメントを定義します。   
ファイルのアップロード時に、ifステートメントがアクティブ化され、CSV ファイルがライブラリによって読み取られpandas、st.writeコマンドを介して表示されます。

 

[完全な記事を表示](https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day18-st.file_uploader)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Budo Ogimoto"
  },
  "dateModified" : "2023-12-19T03:13:44.234Z",
  "datePublished" : "2023-12-19T03:13:43Z",
  "headline" : "#30DaysOfStreamlit Day18 st.file_uploader",
  "image" : {
    "@type" : "ImageObject",
    "height" : 1531,
    "url" : "https://download.insight-lab.co.jp/hubfs/30days_logo.png",
    "width" : 3121
  },
  "mainEntityOfPage" : "https://knowledge.insight-lab.co.jp/aidx/30daysofstreamlit-day18-st.file_uploader",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "AIDXナレッジ - INSIGHT LAB"
  }
}
```