How to implement file upload in nodejs+express
This article mainly introduces the use of nodejs express to complete simple file upload functions. Friends who need it can refer to it
1. Create an express project
express -e nodejs-uploadfile
2. Download multer middleware
npm i multer or yarn multer
3. Reference multer in routes/index.js. Since file operations are also used, you must also reference the fs module and specify the file. Upload directory
const multer = require('multer'); const fs = require('fs'); const UPLOAD_PATH = './uploads'
Single file upload: The files in index.html are as follows (the type of the form file must be enctype="multipart/form-data"),
<form action="/upload" method="post" enctype="multipart/form-data"> <input name="fileUpload" type="file" /> <img src="" alt=""> <button type="submit">上传</button> </form>
in routes/ Add the upload route to index.js to handle the operation of uploading files
router.post('/upload', upload.single('fileUpload'), function (req, res, next) {
const { file } = req;
fs.readFile(file.path, function(err, data) {
fs.writeFile(`${UPLOAD_PATH}/${file.originalname}`, data, function (err) {
if (err) res.json({ err })
res.json({
msg: '上传成功'
});
});
})
})If the uploaded file is an image, you can also use the FileReader object to preview the image
(function($){
$('input').on('change', function(event) {
var files = event.target.files,
reader = new FileReader();
if(files && files[0]){
reader.onload = function (ev) {
$('img').attr('src', ev.target.result);
}
reader.readAsDataURL(files[0]);
}
})
}(jQuery))Multiple file upload: Multiple files The principle of uploading is the same as that of single file upload. The code is as follows:
router.post('/upload', upload.array('fileUpload'), function (req, res, next) {
const files = req.files;
const response = [];
const result = new Promise((resolve, reject) => {
files.map((v) => {
fs.readFile(v.path, function(err, data) {
fs.writeFile(`${UPLOAD_PATH}/${v.originalname}`, data, function(err, data) {
const result = {
file: v,
}
if (err) reject(err);
resolve('成功');
})
})
})
})
result.then(r => {
res.json({
msg: '上传成功',
})
}).catch(err => {
res.json({ err })
});
})The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
How to determine whether a variable name exists in an array in JavaScript
How to implement the delayed hiding function through JS
How to implement the timer function using Angular
How to implement the triangular arrow labeling function using Angular
The above is the detailed content of How to implement file upload in nodejs+express. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Is nodejs a backend framework?
Apr 21, 2024 am 05:09 AM
Node.js can be used as a backend framework as it offers features such as high performance, scalability, cross-platform support, rich ecosystem, and ease of development.
How to connect nodejs to mysql database
Apr 21, 2024 am 06:13 AM
To connect to a MySQL database, you need to follow these steps: Install the mysql2 driver. Use mysql2.createConnection() to create a connection object that contains the host address, port, username, password, and database name. Use connection.query() to perform queries. Finally use connection.end() to end the connection.
How to use gRPC to implement file upload in Golang?
Jun 03, 2024 pm 04:54 PM
How to implement file upload using gRPC? Create supporting service definitions, including request and response messages. On the client, the file to be uploaded is opened and split into chunks, then streamed to the server via a gRPC stream. On the server side, file chunks are received and stored into a file. The server sends a response after the file upload is completed to indicate whether the upload was successful.
What are the global variables in nodejs
Apr 21, 2024 am 04:54 AM
The following global variables exist in Node.js: Global object: global Core module: process, console, require Runtime environment variables: __dirname, __filename, __line, __column Constants: undefined, null, NaN, Infinity, -Infinity
What is the difference between npm and npm.cmd files in the nodejs installation directory?
Apr 21, 2024 am 05:18 AM
There are two npm-related files in the Node.js installation directory: npm and npm.cmd. The differences are as follows: different extensions: npm is an executable file, and npm.cmd is a command window shortcut. Windows users: npm.cmd can be used from the command prompt, npm can only be run from the command line. Compatibility: npm.cmd is specific to Windows systems, npm is available cross-platform. Usage recommendations: Windows users use npm.cmd, other operating systems use npm.
Is there a big difference between nodejs and java?
Apr 21, 2024 am 06:12 AM
The main differences between Node.js and Java are design and features: Event-driven vs. thread-driven: Node.js is event-driven and Java is thread-driven. Single-threaded vs. multi-threaded: Node.js uses a single-threaded event loop, and Java uses a multi-threaded architecture. Runtime environment: Node.js runs on the V8 JavaScript engine, while Java runs on the JVM. Syntax: Node.js uses JavaScript syntax, while Java uses Java syntax. Purpose: Node.js is suitable for I/O-intensive tasks, while Java is suitable for large enterprise applications.
Simplify file upload processing with Golang functions
May 02, 2024 pm 06:45 PM
Answer: Yes, Golang provides functions that simplify file upload processing. Details: The MultipartFile type provides access to file metadata and content. The FormFile function gets a specific file from the form request. The ParseForm and ParseMultipartForm functions are used to parse form data and multipart form data. Using these functions simplifies the file processing process and allows developers to focus on business logic.
Is nodejs a back-end development language?
Apr 21, 2024 am 05:09 AM
Yes, Node.js is a backend development language. It is used for back-end development, including handling server-side business logic, managing database connections, and providing APIs.
