unable to send message from nodejs backend with res.json to angularjs frontend

Question

Doing a post with multer, I want to send the error message from nodejs backend with

var storage =   multer.diskStorage({
   destination: function (req, file, cb) {
     cb(null, '../uploads');
   },
   filename: function (req, file, cb) {
     cb(null,  file.originalname + '-' + Date.now());
   }
});

router.post('/upload', function(req, res){
            upload(req, res, function(err) {
            if(err){ 
                        res.json({ Status : false, message : err})
                        }else{ 
                        res.json({ Status : true, message : 'Success'})
               }
        })
    })

to the angular controller

$http({
        method:'POST',
        url:'/upload'
        }).then(function successCallback(response) {
          if(response.data.Status){ 
              console.log(response.data.message);
          }
          else{ 
              console.log(response.data.message); 
          }
      })

to show the backend success or error in the frontend console. But it only opens an empty page with {"Status":true,"message":"Success"} html:

<form enctype   =  "multipart/form-data"
      action    =  "/upload"
      method    =  "POST">

Select File:

<input type="file" name="file" >
<p></p>
<input type="submit" value="Upload File" name="submit" class="btn btn-primary">

</form>

How can I fix this?