前后端实现多图片上传

我想把图片放在一个文件夹里，然后把这些图片的地址存到数据库里，当页面要加载这些图片时就根据数据库里的地址取出这些图片。请问要怎么实现把图片放到文件夹里，我后端用的是node.js

阅读 7k

express.js

var express = require('express');
var fs=require('fs'); //文件操作
var app=express(); //创建web应用程序
var multer=require('multer'); //这是一个Node.js的中间件处理multipart/form-data
var upload=multer({dest:'./tmp'});


app.get('/index.html',function (req,res) {
    res.sendfile(__dirname+'/index.html');
});


app.post('/addUserInfo', upload.array("file"), function(req, res, next){
    if(req.files==undefined){
        res.send("请选择要上传的图片...");
    }else{
        var str="文件上传成功...";
        for(var i=0;i<req.files.length;i++){
            var filepath = __dirname + "/tmp/" + req.files[i].originalname;
            fs.renameSync(req.files[i].path,filepath);
            // 把图片存数据库里
        }
        res.send("上传的图片成功...");
    }
});
app.listen(8080,"127.0.0.1");

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>上传图片</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="addUserInfo">
请选择图片：<input type="file" id="file" name="file" multiple/><br/>
<input type="submit" value="上传"/>
</form>
</body>
</html>

前后端实现多图片上传

你尚未登录，登录后可以

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

Element Plus表格组件如何呈现复杂布局如图？

为什么在 aws 新开 ec2 机器不显示价格？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？

爬取知乎热榜数据，跳转链接从哪里爬取？

一般pouchDB和其他数据库结合使用，它所扮演的角色是什么呢？

如何防止接口的 key 泄露?