分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Node.js 上传文件

发布时间:2023-09-06 01:33责任编辑:熊小新关键词:jsNode

Express + Multer

Node.js 上传文件 demo,基于 Express 和 Multer 。

app.js

let express = require('express')let multer = require('multer')let app = express()app.use(express.static(__dirname));let storage = multer.diskStorage({ ?destination: function (req, file, cb) { ???cb(null, 'upload/') ?}, ?filename: function (req, file, cb) { ???cb(null, Date.now() + '-' + file.originalname); ?}});let upload = multer({storage: storage});app.post('/upload', function (req, res, next) { ?upload.single('file')(req, res, function (err) { ???if (err) { ?????console.log('error', err); ?????return; ???} ???res.send(JSON.stringify(req.file)); ???console.log(req.file); ?});});app.set('port', process.env.PORT || 9009);app.listen(app.get('port'), function () { ?console.log('http://localhost:' + app.get('port'));});

index.html

<!DOCTYPE html><html lang="zh-CN"><head> ?<meta charset="utf-8"> ?<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ?<meta name="renderer" content="webkit"> ?<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> ?<meta name="format-detection" content="telephone=no"> ?<title>Node.js upload</title> ?<meta name="description" content=""></head><body> ?<form id="upload" method="POST" action="/upload" enctype="multipart/form-data"> ???<p> ?????<label for="file">File:</label> ?????<input type="file" name="file" required/> ???</p> ???<p> ?????<input type="submit" name="submit" value="Submit" /> ???</p> ?</form> ?<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> ?<script> ???$(function () { ?????$('#upload').on('submit', function (e) { ???????e.preventDefault(); ???????var formData = new FormData(this); ???????$.ajax({ ?????????type: 'POST', ?????????url: '/upload', ?????????data: formData, ?????????contentType: false, ?????????processData: false ???????}).done(function () { ?????????alert('Done'); ?????????console.log('done'); ???????}).fail(function (err) { ?????????console.log(err); ???????}) ?????}); ???}); ?</script></body></html>

Repo

https://github.com/givebest/node-upload

Use

npm installnode app

Node.js 上传文件

原文地址:https://www.cnblogs.com/givebest/p/8157363.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved