使用angular 4和nodejs上传图像

时间:2018-05-06 08:35:04

标签: node.js angular multer

我使用角度4和节点使用multer上传图像。一切都运行正常,没有错误,但我没有看到文件夹中的文件。这是代码。

 <td><input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".pdf,.jpeg,.png"></td> 

在组件

 return this.http.post('http://localhost:3000/api/doc/uploadfile', FormData , {headers:this.headerss}).map((res: Response)=>{
           const data=res.json();
            console.log(data);
            return data;
            }).
            catch(this.handleError);

它显示所有提交的内容都很好 enter image description here

比在nodejs我使用的是multer

var upload=multer({dest: './uploads/'}).single('avatar');
               router.post('/uploadfile',  function(req, res){
                   upload(req, res, function(err){
                       if(err){
                           console.log(err);
                           return err;
                       }
                       console.log("request"+ req)
                        return  res.send("completed"+ req) 
                   })

没有错误一切顺利。但我没有看到任何图像被加载。请让我知道如何解决这个问题...谢谢

1 个答案:

答案 0 :(得分:1)

我必须删除内容类型,并且工作正常