我正在尝试使用Axios,Multer和Reactjs上传文件。
客户端:
<input type= "file" name="file" onChange= {this.uploadImage}/>
UploadImage
代码:
uploadImage = (e) => {
e.preventDefault();
const formData = new FormData();
formData.append("file", e.target.files[0]);
var file = e.target.files[0];
let data = new FormData()
data.set('file',file)
axios.post( `${apiUrl}/file`, data )
.then((result) => {
console.log('succeess' , result)
})
.catch((err) => {
console.log('errr', err )
})
一切正常,它显示成功日志。
服务器端:ProductRoute.js
:
const ProductRoute = express.Router();
const upload = multer({ dest: './uploads /'});
ProductRoute.route('/file')
.post(upload.single('file'), function(req, res){
console.log("log", req.file );
})
PS:上载与ProductRoute.js在同一文件夹中
这是控制台日志:
但是,我没有任何文件保存在上载文件夹中。
感谢您的帮助。