Web Front-end
JS Tutorial
Share an example tutorial on using nodejs multer to upload and download files
Share an example tutorial on using nodejs multer to upload and download files
This article mainly introduces nodejs multer implementationfile upload and download related information in detail. It has certain reference value and is of interest. Friends can refer to
The example in this article shares the specific code for nodejs to implement file upload and download for your reference. The specific content is as follows
1. Introduction
I made a demo about file upload and download, and chose Multer as the middleware for data processing.
For information about multer, please refer to the Chinese translation document github.com/expressjs/multer/blob/master/doc/README-zh-cn.md or the official document
2 . upload file upload
html It is necessary to set enctype="multipart/form-data" in the form tag so that files can be uploaded using post method when using multer on the server. , basically the same as the official website, citing the middleware multer, app.post('\upload', upload.single('name'), function(){}); specifies a single file upload, the parameter is the name in the HTML input, In this way, the upload can be successful, but the problem is that multer will not care about your suffix. The files uploaded to the upload folder have a scrambled name but no suffix, so I added this function.
req.file is file information, get the original name, get the suffix '.jpg' through array and stack processing, use the fs.renameSync() method to rename the file, and add the original suffix. In this way, the real upload is successful. The only drawback is that the file name is not changed, and an error occurred when using the official website method, so I did not delve into it. .
3.download File download
On the Internet, basically express encapsulates res.download and the fs method. Be careful to download the file. The folder is set to static files. The problem is that after clicking, the file to be downloaded will be displayed on a new page, whether it is a picture or music. . This bothers me a lot, but I haven't found a good solution after searching for a long time. When accessing the results using IE, there will be options to download or view. . Very confusing. Anyway, that’s it, I’m very satisfied with my hard work in one night. . Heehee
Server
//index.js
var fs = require('fs')
var express = require('express')
var multer = require('multer')
const path = require('path');
var app = express();
var upload = multer({dest:'upload/'});
//多文件上传 （限定上传文件个数）（没有修改后缀）
app.post('/upload-multi',upload.array('myfile',2),function(req,res,next){
res.send("2 done");
})
//单文件上传获取信息
app.post('/upload-single',upload.single('myfile'),function(req,res,next){
var file=req.file;
// console.log("名称：%s",file.originalname);
// console.log("mime：%s",file.mimetype);
//以下代码得到文件后缀
name=file.originalname;
nameArray=name.split('');
var nameMime=[];
l=nameArray.pop();
nameMime.unshift(l);
while(nameArray.length!=0&&l!='.'){
l=nameArray.pop();
nameMime.unshift(l);
}
//Mime是文件的后缀
Mime=nameMime.join('');
console.log(Mime);
res.send("done");
//重命名文件 加上文件后缀
fs.renameSync('./upload/'+file.filename,'./upload/'+file.filename+Mime);
})
//文件下载尝试（chrome会直接在页面上展示。.最后也没有解决）
//设置download文件夹为静态 才能下载
app.use('/download', express.static(path.join(dirname, 'download')));
// app.get('/download',function(req,res){
// var path='./download/aa.mp3';
// res.download(path,'aa.mp3');
// });
app.get('/download', function(req, res){
var file = dirname + '/download/aa.mp3';
res.download(file);
});
app.get('/',function(req,res,next){
res.sendFile(dirname+"/index.html");
})
app.listen(3000);Client
//index.html <!DOCTYPE html> <html> <head> <title>上传文件</title> <meta charset="utf-8"> </head> <body> <form enctype="multipart/form-data" action="/upload-single" method="post"> <input type="file" name="myfile"></input> <input type="submit" value="提交"></input> </form> <form enctype="multipart/form-data" action="/upload-multi" method="post"> <input type="file" name="myfile"></input> <input type="file" name="myfile"></input> <input type="submit" value="提交"></input> </form> <a href="download/aa.mp3" rel="external nofollow" >下载文件</a> </body> </html>
[Related recommendations]
1. Free js online video tutorial
2. JavaScript Chinese Reference Manual
3. php.cn Dugu Jiujian (3) - JavaScript Video Tutorial
The above is the detailed content of Share an example tutorial on using nodejs multer to upload and download files. 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.
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.
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.
Which one to choose between nodejs and java?
Apr 21, 2024 am 04:40 AM
Node.js and Java each have their pros and cons in web development, and the choice depends on project requirements. Node.js excels in real-time applications, rapid development, and microservices architecture, while Java excels in enterprise-grade support, performance, and security.
How to deploy nodejs project to server
Apr 21, 2024 am 04:40 AM
Server deployment steps for a Node.js project: Prepare the deployment environment: obtain server access, install Node.js, set up a Git repository. Build the application: Use npm run build to generate deployable code and dependencies. Upload code to the server: via Git or File Transfer Protocol. Install dependencies: SSH into the server and use npm install to install application dependencies. Start the application: Use a command such as node index.js to start the application, or use a process manager such as pm2. Configure a reverse proxy (optional): Use a reverse proxy such as Nginx or Apache to route traffic to your application
