TypeError:path musi być ciągiem lub stosem Buffer MEAN

Aby przesłać plik, musisz go owinąć w FormData przykład w następujący sposób:

interface Profile {
   photo: File;
}

updatePhoto(profile: Profile, id: string) {
    const body = new FormData();
    body.append('photo',profile.photo);
    return this.http.post(`http://localhost:3000/profile/photo/${id}`, body,)
        .map((response: Response) => response.json())
        .catch((error: Response) => {
            return Observable.throw(error.json());
        });
}

Co więcej, Twój backend najprawdopodobniej zawodzi w następującej sekcji:

user.img.data = fs.readFileSync(req.body.photo);

Biorąc pod uwagę, że teraz przesyłasz formularz z multipart/form-data kodowania, będziesz musiał użyć oprogramowania pośredniczącego, aby przeanalizować żądanie w swoim zapleczu, jak podano w dokumentacja expressjs

Możesz użyć multer lub express-fileupload

Jeśli pójdziesz z drugim, będziesz potrzebować:

const fileUpload = require('express-fileupload');

router.use(fileUpload());// use express-fileupload as default parser for multipart/form-data encoding

router.post('/photo/:id', (req, res) => {
User.find({ _id: req.params.id })
    .exec((err, user) => {
        if (err) {
            return res.status(500).json({
                title: 'An error occured',
                error: err
            });
        }
        user.img.data = req.files.photo.data;
        user.img.contentType = 'image/png';
        user.save((err, obj) => {
            if (err) {
                throw err
            }
            console.log('success')
        })
    });
});