Я пытаюсь загрузить файл, используя 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
Вот журнал консоли:
![Log](https://i.stack.imgur.com/fi1zm.png)
Но я не получаю файл, сохраненный в папке загрузки.
Любая помощь приветствуется.