ホームページ バックエンド開発 Golang Go でファイル アップロード API を構築する

Go でファイル アップロード API を構築する

Sep 05, 2024 pm 12:30 PM

Building a File Upload API in Go

ファイル アップロード API の作成は、ユーザーがドキュメント、画像、またはその他のメディア ファイルを送信する多くの Web アプリケーションにとって共通の要件です。この記事では、Gin フレームワークで Go を使用して、安全で効率的なファイル アップロード API を構築する方法を説明します。プロジェクトを設定し、受信ファイルを処理し、それらを安全に保存して、ユーザーがアップロードしたコンテンツをアプリケーションで確実に管理できるようにする方法を学びます。

前提条件

Go 1.21

プロジェクトのセットアップ

Go プロジェクトの依存関係を設定します。

go mod init app
go get github.com/gin-gonic/gin

プロジェクトの構造

├─ main.go
├─ models
│  └─ product.go
└─ public
   └─ index.html

プロジェクトファイル

製品.go

プロダクトは、ファイル アップロード API でファイル アップロードをテストするために使用される単純な構造体です。

package models

type Product struct {
    Name string
}

メイン.ゴー

このファイルはファイル アップロード API を設定します。最小限の Go Web アプリケーションを作成してセットアップします。

package main

import (
    "app/models"
    "io"
    "net/http"
    "os"
    "path/filepath"

    "github.com/gin-gonic/gin"
    "github.com/gin-gonic/gin/binding"
)

func main() {
    router := gin.Default()
    uploadPath := "./public/uploads"
    os.MkdirAll(uploadPath, os.ModePerm)
    router.Static("/uploads", uploadPath)
    router.StaticFile("/", "./public/index.html")
    router.POST("/submit", func(c *gin.Context) {
        var product models.Product
        if err := c.ShouldBindWith(&product, binding.FormMultipart); err != nil {
            c.AbortWithStatusJSON(http.StatusBadRequest, err.Error())
            return
        }
        image, _ := c.FormFile("Image")
        filePath := filepath.Join(uploadPath, image.Filename)
        src, _ := image.Open()
        dst, _ := os.Create(filePath)
        io.Copy(dst, src)
        c.JSON(http.StatusOK, gin.H{"Name": product.Name, "Image": image.Filename})
    })
    router.Run()
}

  • Gin ルーターを初期化し、アップロード ディレクトリとindex.html に提供される静的ファイルを設定します。
  • アップロードされたファイルを保存するための ./public/uploads ディレクトリが存在することを確認します。
  • ファイルのアップロードを処理し、ファイルをサーバーに保存し、製品名とアップロードされたファイル名を返すために、/submit で POST ルートを定義します。
  • Gin サーバーを起動して、受信リクエストをリッスンします。

インデックス.html

この HTML フォームは、ユーザーが製品名と関連する画像ファイルをアップロードできるように設計されています。

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" rel="stylesheet">
    <script>
        function submitForm() {
            let form = document.getElementById('form')
            let data = new FormData(form)
            fetch('submit', {
                method: 'POST',
                body: data
            }).then(res => {
                res.json().then(result => {
                    let alert = document.getElementById('alert')
                    alert.children[0].innerText = `Upload success!\nName: ${result.Name}\nImage: ${result.Image}`
                    alert.children[1].src = `/uploads/${result.Image}`
                    alert.classList.remove('d-none')
                    form.reset()
                })
            })
            return false
        }
    </script>
</head>
<body>
    <div class="container">
        <div class="row mt-3">
            <form id="form" onsubmit="return submitForm()">
                <div class="mb-3 col-12">
                    <label class="form-label" for="name">Name</label>
                    <input id="name" name="Name" class="form-control form-control-sm" required />
                </div>
                <div class="mb-3 col-12">
                    <label class="form-label" for="image">Image</label>
                    <input type="file" accept="image/*" id="image" name="Image" class="form-control form-control-sm" required />
                </div>
                </div>
                <div class="col-12">
                    <button class="btn btn-sm btn-primary">Submit</button>
                </div>
            </form>
            <div id="alert" class="alert alert-success mt-3 d-none">
                <p></p>
                <img id="img" width="200px" />
            </div>
        </div>
    </div>
</body>
</html>

フォームは、フォーム送信時にトリガーされる JavaScript 関数 submitForm() を介して送信するように設定されています。さらに、アップロードされた画像と、送信に成功した後の成功メッセージを表示できる非表示のアラート セクションがあります。

プロジェクトの実行

go run main.go

Web ブラウザを開いて http://localhost:8080 に移動します

このテスト ページが表示されます。

Building a File Upload API in Go

テスト

入力フィールドに名前を入力し、アップロードするファイルを参照します。

Building a File Upload API in Go

送信ボタンをクリックしてフォームを送信します。その後、API から返された送信された情報とともに成功メッセージが表示されます。

Building a File Upload API in Go

本質的に、Gin フレームワークを使用すると、Web アプリケーションでのファイルのアップロードの管理が合理化されます。簡単なハンドラーとフォーム設定を使用することで、ファイルのアップロードを効率的に処理し、プロジェクトのユーザー エクスペリエンスを向上させることができます。

ソースコード: https://github.com/stackpuz/Example-File-Upload-Go

数分で CRUD Web アプリを作成: https://stackpuz.com

以上がGo でファイル アップロード API を構築するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

オーディオ/ビデオ処理に移動します オーディオ/ビデオ処理に移動します Jul 20, 2025 am 04:14 AM

オーディオとビデオ処理の中核は、基本的なプロセスと最適化方法を理解することにあります。 1.基本的なプロセスには、取得、エンコード、送信、デコード、再生が含まれ、各リンクには技術的な困難があります。 2。オーディオおよびビデオの異常、遅延、音のノイズ、ぼやけた画像などの一般的な問題は、同期調整、コーディング最適化、ノイズ減少モジュール、パラメーター調整などを通じて解決できます。 3. FFMPEG、OPENCV、WeBRTC、GSTREAMER、およびその他のツールを使用して機能を達成することをお勧めします。 4.パフォーマンス管理の観点から、ハードウェアの加速、解像度フレームレートの合理的な設定、並行性の制御、およびメモリの漏れの問題に注意を払う必要があります。これらの重要なポイントを習得すると、開発効率とユーザーエクスペリエンスの向上に役立ちます。

GoでKubernetesオペレーターの開発 GoでKubernetesオペレーターの開発 Jul 25, 2025 am 02:38 AM

Kubernetesoperatorを書く最も効率的な方法は、Goを使用してKubeBuilderとController-Runtimeを組み合わせて使用することです。 1.オペレーターのパターンを理解する:CRDを介してカスタムリソースを定義し、コントローラーを作成してリソースの変更を聞き、和解ループを実行して予想される状態を維持します。 2。KubeBuilderを使用してプロジェクトを初期化し、APIを作成してCRD、コントローラー、構成ファイルを自動的に生成します。 3. API/V1/MyApp_Types.goでCRDの仕様とステータス構造を定義し、MakeManifestsを実行してCrdyamlを生成します。 4。コントローラーの和解

PostgreSQL/MySQLのクエリ最適化テクニックに移動します PostgreSQL/MySQLのクエリ最適化テクニックに移動します Jul 19, 2025 am 03:56 AM

ApptlicationsInteractingingとfostresqlormysql、focusonindexing、selectivequeries、connectionhandling、caching、andormefficiency.1)使用プロペラインデックスの使用 - 識別のために識別を識別し、colulti-columnsを使用することを識別します

科学的なコンピューティングと数値分析に進みます 科学的なコンピューティングと数値分析に進みます Jul 23, 2025 am 01:53 AM

GO言語は科学的計算と数値分析に使用できますが、理解する必要があります。利点は、並行性のサポートとパフォーマンスにあります。これは、分散ソリューション、モンテカルロシミュレーションなどの並列アルゴリズムに適しています。 GonumやMAT64などのコミュニティライブラリは、基本的な数値計算関数を提供します。ハイブリッドプログラミングを使用して、CGOまたはインターフェイスを介してC/CとPythonを呼び出して実用性を向上させることができます。制限は、エコシステムがPythonほど成熟しておらず、視覚化と高度なツールは弱く、一部のライブラリ文書は不完全であることです。 GO機能に基づいて適切なシナリオを選択し、それらを詳細に使用するソースコードの例を参照することをお勧めします。

画像操作ライブラリに移動します 画像操作ライブラリに移動します Jul 21, 2025 am 12:23 AM

一般的なGO画像処理ライブラリには、イメージング、BIMG、Imagickなどの標準的なライブラリイメージパッケージとサードパーティライブラリが含まれます。 1.画像パッケージは、基本操作に適しています。 2。イメージングには完全な機能と単純なAPIがあり、ほとんどのニーズに適しています。 3. BIMGはLIBVIPに基づいており、パフォーマンスが強いため、大きな画像や高い並行性に適しています。 4。ImagicickはImageMagickをバインドします。これは強力ですが、重い依存関係を持っています。画像のスケーリングとトリミングをすばやく実装します。イメージングライブラリを使用して、COSSIZEおよびCROPANCHOR機能の数行のコードを介してそれを完了し、複数のパラメーター構成をサポートできます。フィルターの追加または調整トーンは、Grayscなどの想像力によって提供される色変換関数を通じて実現できます

GOのポインターを備えたスタックvsヒープ割り当て GOのポインターを備えたスタックvsヒープ割り当て Jul 23, 2025 am 04:14 AM

スタック割り当ては、明確なライフサイクルを備えた小さなローカル変数に適しており、速い速度で多くの制限で自動的に管理されます。ヒープ割り当ては、長期または不確実なライフサイクルのデータに使用され、柔軟性がありますが、パフォーマンスコストがあります。 GOコンパイラは、エスケープ分析を通じて変数割り当て位置を自動的に決定します。変数が現在の関数範囲から逃げる可能性がある場合、ヒープに割り当てられます。脱出を引き起こす一般的な状況には、ローカル変数ポインターの返却、インターフェイスタイプへの値の割り当て、ゴルチンの通過が含まれます。エスケープ分析の結果は、-gcflags = "-m"を介して表示できます。ポインターを使用する場合、不必要なエスケープを避けるために、可変ライフサイクルに注意を払う必要があります。

Go byの例でStdinから読む Go byの例でStdinから読む Jul 27, 2025 am 04:15 AM

FMT.Scanfを使用して、単純な構造化データに適したフォーマット入力を読み取りますが、スペースに遭遇すると文字列が切断されます。 2。bufio.scannerを使用して行ごとに読み取り、マルチライン入力、EOF検出、パイプライン入力をサポートし、スキャンエラーを処理できることをお勧めします。 3。Io.Readall(os.stdin)を使用して、すべての入力を一度に読み取ります。大きなブロックデータまたはファイルストリームの処理に適しています。 4.リアルタイムの主要な応答には、golang.org/x/termなどのサードパーティライブラリが必要であり、Bufioは従来のシナリオには十分です。実用的な提案:インタラクティブなシンプルな入力にFMT.SCANを使用し、ライン入力またはパイプラインにbufio.scannerを使用し、io.readallを使用して大規模なブロックデータを使用し、常に処理します

Goのパニックから回復する方法は? Goのパニックから回復する方法は? Jul 23, 2025 am 04:11 AM

パニックは、Goのプログラム「心臓発作」のようなものです。回復は、クラッシュを防ぐための「応急処置ツール」として使用できますが、回復は延期関数でのみ有効になります。 1.サービスの経過、ログログ、およびフレンドリーなエラーを返すために、回復が使用されます。 2. Deferと組み合わせて使用する必要があり、同じゴルウチンでのみ有効になります。プログラムは、回復後にパニックポイントに戻りません。 3.上位レベルまたは重要な入り口で使用し、悪用しないでください。エラー処理の使用を優先しないことをお勧めします。 4.一般的なパターンは、Saferun関数をカプセル化して、可能なパニックロジックをラップすることです。その使用シナリオと制限を習得することによってのみ、その役割を果たすことができます。

See all articles