Nodejs implémente le téléchargement de dossiers

Avant-propos

Dans le développement Web, le téléchargement de fichiers est une exigence très courante et la plupart des applications Web ont pour fonction de télécharger des fichiers. Dans certains scénarios, si vous devez télécharger un dossier entier au lieu d'un seul fichier, vous devez utiliser des méthodes spéciales. Cet article explique comment utiliser Node.js pour implémenter la fonction de téléchargement de dossiers.

Étapes de mise en œuvre

1. Création d'un formulaire

La première étape pour télécharger un fichier consiste à créer un formulaire HTML contenant le fichier téléchargé. Étant donné que le téléchargement d'un dossier nécessite le téléchargement de plusieurs fichiers, nous devons utiliser une zone de saisie de texte sur plusieurs lignes pour permettre à l'utilisateur de sélectionner le dossier à télécharger. Voici un exemple de code de formulaire HTML :

<form action="/uploadFolder" method="POST" enctype="multipart/form-data">
    <input type="file" name="folder[]" multiple webkitdirectory directory>
    <input type="submit" value="上传">
</form>

Dans le code ci-dessus, nous utilisons une zone de saisie de texte sur plusieurs lignes pour permettre à l'utilisateur de sélectionner le dossier à télécharger et d'utiliser name="folder[]" pour spécifier le nom de l'élément de formulaire afin de faciliter le traitement ultérieur de plusieurs fichiers. name="folder[]"指定表单元素的名称，方便后续处理多个文件。

2. 创建路由

对于 Express 应用程序，我们需要为上传文件夹建立一个新的路由处理程序。在该路由处理程序中，我们需要使用特定的库来解析和处理表单数据。具体来说，我们使用multer库来处理上传的文件夹。以下是使用multer库的示例代码：

const express = require("express");
const multer = require("multer");

const app = express();
const upload = multer({ dest: "uploads/" });

app.post("/uploadFolder", upload.any(), (req, res) => {
    console.log(req.files);
    res.send("上传成功");
});

app.listen(3000, () => {
    console.log("应用程序已启动");
});

上述代码中，我们使用multer库来处理表单数据，并将所有上传文件保存到服务器上的uploads/目录中。该库包括一个中间件函数，其中upload.any()指定允许上传任何类型的文件。在路由处理程序中，我们可以使用req.files对象来访问上传的文件夹中的所有文件。

3. 处理上传的文件

我们可以使用 Node.js 的内置模块来处理上传的文件。具体来说，我们需要使用fs模块的相关函数来完成任务。以下是示例代码：

const fs = require("fs");

const files = req.files;
for (let i = 0; i < files.length; i++) {
    const file = files[i];
    const filePath = file.path;
    const originalName = file.originalname;
    const fileName = originalName.replace(/[^a-z0-9]/gi, "_").toLowerCase();
    const destPath = "uploads/" + fileName;
    try {
        fs.renameSync(filePath, destPath);
    } catch (err) {
        res.status(500).send('文件上传失败');
    }
}
res.send("上传成功");

在上述代码中，我们首先循环读取req.files对象中的所有文件，然后使用fs模块的renameSync()

Création d'une route
4. Pour les applications Express, nous devons créer un nouveau gestionnaire de route pour le dossier de téléchargement. Dans ce gestionnaire de route, nous devons utiliser une bibliothèque spécifique pour analyser et traiter les données du formulaire. Plus précisément, nous utilisons la bibliothèque multer pour gérer les dossiers téléchargés. Voici un exemple de code utilisant la bibliothèque multer :

node app.js

Dans le code ci-dessus, nous utilisons la bibliothèque multer pour traiter les données du formulaire et enregistrer tous les fichiers téléchargés dans uploads/. La bibliothèque comprend une fonction middleware où upload.any() spécifie que tout type de fichier peut être téléchargé. Dans le gestionnaire de route, nous pouvons utiliser l'objet req.files pour accéder à tous les fichiers du dossier téléchargé.

Gestion des fichiers téléchargés

Nous pouvons utiliser le module intégré de Node.js pour traiter les fichiers téléchargés. Plus précisément, nous devons utiliser les fonctions associées du module fs pour terminer la tâche. Voici l'exemple de code : 🎜rrreee🎜 Dans le code ci-dessus, nous parcourons d'abord tous les fichiers de l'objet req.files, puis utilisons le renameSync du <code>fs code> module La fonction () déplace chaque fichier vers le répertoire spécifié. Avant de déplacer le fichier, nous devons générer un nouveau nom de fichier en remplaçant les caractères spéciaux dans le nom du fichier. Si une erreur se produit lors du déplacement du fichier, un message d'erreur sera renvoyé dans la réponse. 🎜🎜🎜Code complet🎜🎜🎜Vous pouvez voir l'exemple de code complet ici. Par conséquent, nous pouvons lancer l'application à l'aide de la commande suivante : 🎜rrreee🎜Conclusion🎜🎜Le téléchargement d'un dossier entier est une fonctionnalité très utile qui peut aider les utilisateurs à mieux organiser et gérer les fichiers dans les applications Web. Grâce à l'introduction de cet article, nous avons appris à utiliser Node.js pour implémenter la fonction de téléchargement de dossiers. J'espère que cet article sera utile aux lecteurs. 🎜

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!