Maison > Article > développement back-end > Création d'une API de téléchargement de fichiers dans Go

Création d'une API de téléchargement de fichiers dans Go

WBOYoriginal: 2024-09-05 12:30:321123parcourir

Building a File Upload API in Go

La création d'une API de téléchargement de fichiers est une exigence courante pour de nombreuses applications Web qui impliquent que les utilisateurs soumettent des documents, des images ou d'autres fichiers multimédias. Dans cet article, nous vous guiderons dans la création d'une API de téléchargement de fichiers sécurisée et efficace à l'aide de Go avec le framework Gin. Vous apprendrez à configurer votre projet, à gérer les fichiers entrants et à les stocker en toute sécurité, en vous assurant que votre application peut gérer de manière fiable le contenu téléchargé par les utilisateurs.

Conditions préalables

Allez 1.21

Projet d'installation

Configuration des dépendances du projet Go.

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

Structure du projet

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

Fichiers de projet

produit.go

Le produit est une structure simple utilisée pour tester les téléchargements de fichiers dans notre API de téléchargement de fichiers.

package models

type Product struct {
    Name string
}

main.go

Ce fichier configure une API de téléchargement de fichiers. Il créera et configurera l'application Web Go minimale.

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()
}

Initialise un routeur Gin et configure le service de fichiers statiques pour le répertoire de téléchargement et index.html.
Assure que le répertoire ./public/uploads existe pour stocker les fichiers téléchargés.
Définit une route POST sur /submit pour gérer les téléchargements de fichiers, enregistrer le fichier sur le serveur et renvoyer le nom du produit et le nom du fichier téléchargé.
Démarre le serveur Gin pour écouter les demandes entrantes.

index.html

Ce formulaire HTML est conçu pour permettre aux utilisateurs de télécharger un nom de produit ainsi qu'un fichier image associé.

<!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>

Le formulaire est configuré pour être soumis via une fonction JavaScript, submitForm(), qui est déclenchée lors de la soumission du formulaire. De plus, il existe une section d'alerte cachée qui peut afficher l'image téléchargée et un message de réussite après une soumission réussie.

Exécuter le projet

go run main.go

Ouvrez le navigateur Web et accédez à http://localhost:8080

Vous trouverez cette page de test.

Building a File Upload API in Go

Essai

Entrez le nom dans le champ de saisie et recherchez un fichier à télécharger.

Building a File Upload API in Go

Cliquez sur le bouton Soumettre pour envoyer le formulaire. Vous verrez alors un message de réussite ainsi que les informations soumises renvoyées par notre API.

Building a File Upload API in Go

Essentiellement, Go with the Gin rationalise la gestion des téléchargements de fichiers dans les applications Web. En utilisant un gestionnaire simple et une configuration de formulaire, vous pouvez gérer efficacement les téléchargements de fichiers et améliorer l'expérience utilisateur dans vos projets.

Code source : https://github.com/stackpuz/Example-File-Upload-Go

Créez une application Web CRUD en quelques minutes : https://stackpuz.com

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

JavaScript gin html Static for Directory goto using public Struct function this alert display input github web app http https router

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Dockeriser une API Golang avec MySQL et ajouter la prise en charge de Docker ComposeArticle suivant：Dockeriser une API Golang avec MySQL et ajouter la prise en charge de Docker Compose

Articles Liés

Voir plus