Création d'une API de téléchargement de fichiers dans 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é.

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


    <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>
                </form>
</div>
                <div class="col-12">
                    <button class="btn btn-sm btn-primary">Submit</button>
                </div>
            
            <div id="alert" class="alert alert-success mt-3 d-none">
                <p></p>
                <img  src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172551064373054.jpg?x-oss-process=image/resize,p_40" class="lazy" id="img"    style="max-width:90%" alt="Création d'une API de téléchargement de fichiers dans Go" >
            </div>
        </div>
    

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!