a.准备html文件
public文件夹主要放置静态文件，如index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文件上传</title>
</head>
<body>
<h3>文件上传：</h3>
选择一个文件上传: <br />
<form action="/gists" method="post" enctype="multipart/form-data">
<input type="file" name="content" />
<br />
<input type="submit" value="上传文件" />
</form></body>
</html>
b.编写相关的js
像upload.js属于路由，通常放置在routes文件夹下
var fs = require('fs');
var express = require('express');
var multer = require('multer');
var path = require('path');
var router = express.Router();var upload = multer({dest: 'upload_tmp/'});
router.post('/', upload.any(), function(req, res, next) {
console.log(req.files[0]); // 上传的文件信息
var des_file = "./upload/" + req.files[0].originalname;
fs.readFile( req.files[0].path, function (err, data) {
fs.writeFile(des_file, data, function (err) {
if( err ){
console.log( err );
}else{
response = {
message:'File uploaded successfully',
filename:req.files[0].originalname
};
console.log( response );
res.end( JSON.stringify( response ) );
}
});
});
});
module.exports = router;
c.上传文件及其效果页面图:
上传成功显示图:
upload文件夹下会有对应的文件(也就是你刚刚通过页面上传的文件)
最后例子中还有阿里云和腾讯云的图片存储，大家可以做一个参考。
源码地址为:https://github.com/developers-youcong/mock-github-api
希望能够对大家有所启发和帮助
注意，可能遇到的问题:
问题一:静态资源需要放行，否则无法访问
在index.js补充这段代码即可解决这个问题
app.use(express.static(path.join(__dirname, 'public')))问题二:socket hang up
我将var bodyParser = require(‘body-parser’)去除就解决了这个问题
错误信息：ERROR: { [Error: socket hang up] code: ‘ECONNRESET’ }
分析原因：由于某种原因，导致http目标地址建立socket连接的时候出错
错误解决：经过对比查找，发现我这里nodejs项目中有对中间件“body-parser”的使用，将其去除，则没有问题了
