CodeLuca/Index.html

## Index.html
<html>
  <head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.51/jquery.form.min.js"></script>
    <title>File upload Node.</title>
  </head>
  <body>
      <form id="uploadForm"
         enctype="multipart/form-data"
         action="/api/photo"
         method="post">
      <input type="file" name="userPhoto" />
      <input type="submit" value="Upload Image" name="submit">
    </form>
  </body>
    <script>
  $(document).ready(function() {

     $('#uploadForm').submit(function() {

        $(this).ajaxSubmit({

            error: function(xhr) {
                    status('Error: ' + xhr.status);
            },

            success: function(response) {
                      console.log(response);
            }
    });
        //Very important line, it disable the page refresh.
    return false;
    });
});
</script>
</html>

## Server.js
var express     =    require("express");
var multer      =    require('multer');
var app         =    express();
var done        =    false;

app.use(multer({ dest: './uploads/',
 rename: function (fieldname, filename) {
    return filename+Date.now();
  },
onFileUploadStart: function (file) {
  console.log(file.originalname + ' is starting ...')
},
onFileUploadComplete: function (file) {
  console.log(file.fieldname + ' uploaded to  ' + file.path)
  done=true;
}
}));

app.get('/',function(req,res){
      res.sendfile("index.html");
});

app.post('/api/photo',function(req,res){
  if(done==true){
    console.log(req.files);
    res.end("File uploaded.");
  }
});

app.listen(3000,function(){
    console.log("Working on port 3000");
});
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.51/jquery.form.min.js"></script>
	<title>File upload Node.</title>
	</head>
	<body>
	<form id="uploadForm"
	enctype="multipart/form-data"
	action="/api/photo"
	method="post">
	<input type="file" name="userPhoto" />
	<input type="submit" value="Upload Image" name="submit">
	</form>
	</body>
	<script>
	$(document).ready(function() {

	$('#uploadForm').submit(function() {

	$(this).ajaxSubmit({

	error: function(xhr) {
	status('Error: ' + xhr.status);
	},

	success: function(response) {
	console.log(response);
	}
	});
	//Very important line, it disable the page refresh.
	return false;
	});
	});
	</script>
	</html>
	var express = require("express");
	var multer = require('multer');
	var app = express();
	var done = false;

	app.use(multer({ dest: './uploads/',
	rename: function (fieldname, filename) {
	return filename+Date.now();
	},
	onFileUploadStart: function (file) {
	console.log(file.originalname + ' is starting ...')
	},
	onFileUploadComplete: function (file) {
	console.log(file.fieldname + ' uploaded to ' + file.path)
	done=true;
	}
	}));

	app.get('/',function(req,res){
	res.sendfile("index.html");
	});

	app.post('/api/photo',function(req,res){
	if(done==true){
	console.log(req.files);
	res.end("File uploaded.");
	}
	});

	app.listen(3000,function(){
	console.log("Working on port 3000");
	});