angular express 上传图片
程序员文章站
2022-03-07 09:40:19
angular express 上传图片做了好几天,集合很多文章之后,修改完才弄好的,接下来看代码expressvar express = require('express');var router = express.Router();var fs = require('fs');var multer = require('multer');// 使用硬盘存储模式设置存放接收到的文件的路径以及文件名var storage = multer.diskStorage({ desti...
angular express 上传图片
做了好几天,集合很多文章之后,修改完才弄好的,接下来看代码
express
var express = require('express');
var router = express.Router();
var fs = require('fs');
var multer = require('multer');
// 使用硬盘存储模式设置存放接收到的文件的路径以及文件名
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'upload/');
},
filename: function (req, file, cb) {
cb(null, file.originalname);
// console.log(file)
}
});
// // 创建文件夹
var createFolder = function (folder) {
try {
fs.accessSync(folder);
} catch (e) {
fs.mkdirSync(folder);
}
};
var uploadFolder = './upload/';
createFolder(uploadFolder);
// 创建 multer 对象
var upload = multer({ storage: storage });
/* POST upload listing. */
router.post('/', upload.array('files'), function (req, res, next) {
var file = req.files;
console.log(req.body)
});
// 导出模块(在 inswx.js 中引入)这个引入不会的话留言给我,我再加上去吧
module.exports = router;
angular
*html*
<input type="file" id="fileId" (change)="getfiledata($event.target.files)" multiple>
*ts*
getfiledata(e) {
var fileData = new FormData()
for (var i = 0, file; file = e[i]; i++) {
fileData.append('files', file)
注意这里的'files',在express中和upload.array('files')要一样,不一样的话会报错,只有这里的坑,其他都没啥
}
this.http.post("http://localhost:3000/upload", fileData, {}).subscribe(
() => {
console.log('1231')
}
)
}
本文地址:https://blog.csdn.net/weixin_43517374/article/details/109279581
上一篇: Angular value与ngValue区别详解
下一篇: 前端基础之CSS_2
推荐阅读
-
HTML5拖拽上传图片预览
-
微信开发如何上传图片?
-
CodeIgniter上传图片成功的全部过程分享_PHP教程
-
上传图片的时候,就弹出选择本map">
求php+ajax上传图片的实例!用的不是files,点击上传图片的时候,就弹出选择本map
-
微信投票活动,大量人上传图片有时会出现图片缺失。
-
jquery+ajax+php 图片上传
-
解决Extjs上传图片无法预览的解决方法
-
上传图片出错,这段代码我以前用的时候没报错
-
php修改上传图片尺寸的方法,
-
图片上传管理