我最近添加了在我的angularjs应用程序中上传和显示图像的功能,但是当它允许用户上传多个图像而不是每次都覆盖相同的图像时我需要帮助,在这种情况下我需要使用ng-repeat还是比我认为的要复杂得多?
代码:使用multer和diskStorage
var multer = require('multer');
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'uploads/')
},
filename: function (req, file, cb) {
cb(null, 'image' + '.jpg') //Appending .jpg
}
})
POST和GET功能:
app.post("/api/file" , upload.single('userFile'), function(req,res , next){
console.log('FIRST TEST :'+ JSON.stringify(req.file));
});
app.get('/image.jpg', function (req, res) {
res.sendfile(path.resolve('./uploads/image.jpg'));
});
Html:
<form method="post" enctype="multipart/form-data" action="/api/file">
<input type="file" name="userFile">
<input type="submit" value="Submit">
</form>
<br><br>
<img src="/image.jpg" style="width:128px;height:128px;"/>