无法使用multer保存文件

时间:2018-08-30 11:37:40

标签: node.js reactjs axios multer

我正在尝试使用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

但是,我没有任何文件保存在上载文件夹中。

感谢您的帮助。

0 个答案:

没有答案