前后端实现多图片上传

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

阅读 6.9k

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>

前后端实现多图片上传

你尚未登录，登录后可以

小网站有必要将图片放到阿里云OSS存储吗？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

Qt中布局是否只有5种呢？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

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

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