<input type="file" name="upfile"(change)="showPreviewImage($event)">
  <img [src]="localUrl" *ngIf="localUrl" class="imgPlaceholder">

localUrl: any[];
  showPreviewImage(event: any) {
    if (event.target.files && event.target.files[0]) {
      var reader = new FileReader();
      reader.onload = (event: any) => {
        this.localUrl = event.target.result;
      }
      reader.readAsDataURL(event.target.files[0]);
    }
  }

var app = express();
var express = require('express');
var path = require('path');
var upload = require('express-fileupload');
const http = require('http');
var ftp = new PromiseFtp();

http.Server(app).listen(80); // make server listen on port 80

app.use(upload()); // configure middleware

console.log("Server Started at port 80");

app.get('/',function(req,res){
    res.sendFile(__dirname+'/index.html');
})
app.post('/upload',function(req,res){
    console.log(req.files);
    if(req.files.upfile){
        var file = req.files.upfile,
            name = file.name,
            type = file.mimetype;
        var uploadpath = __dirname + '/uploads/' + name;
        var uploadpath2 =name;

        ftp.connect({host: 'localhost', user:'anonymous', password:''})
          .then(function (serverMessage) {
            return ftp.put(uploadpath,uploadpath2);
          }).then(function () {
          return ftp.end();
        });

        file.mv(uploadpath,function(err){
            if(err){
                console.log("File Upload Failed",name,err);
                res.send("Error Occured!")
            }
            else {
                console.log("File Uploaded",name);
                res.send('Done! Uploading files')
            }
        });
    }
    else {
        res.send("No File selected !");
        res.end();
    };
})

angular.module('phonecatApp', []);