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:321165parcourir
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.
Essai
Entrez le nom dans le champ de saisie et recherchez un fichier à télécharger.
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.
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!