Как передать изображение на сервер?

Может быть вопрос супер глупый, но я так и не понял.
Смотрите я запускаю сервер index.js
Дальше у меня есть путь на страницу (юзаю шаблонизатор и экспресс)

app.get('/camera', function(req, res) {
  res.render('camera');
});

На странице у меня создается в канвас фотка с камеры

<div class="app">
          <video id="camera-stream"></video>
            <img id="snap">
            <p id="error-message"></p>
            <div class="controls">
              <a href="#" id="take-photo" title="Take Photo"><i class="material-icons">camera_alt</i></a>
            </div>
            <canvas id="simple_sketch"></canvas>
          </div>

в файлике my.js делаю фотки каждые 5 секунд.

function takeSnapshot(){
  var hidden_canvas = document.querySelector('canvas'),
      context = hidden_canvas.getContext('2d');

  var width = video.videoWidth,
      height = video.videoHeight;

  if (width && height) {
    hidden_canvas.width = width;
    hidden_canvas.height = height;

    context.drawImage(video, 0, 0, width, height);

    return hidden_canvas.toDataURL('image/png');
  }
}

Как мне их обратно отправить на index.js ? У меня там идет загрузка на сервер хостинга картинки через переменную. Как мне загружать все которые делает файлик my.js? Вот кусок с index.js:

var cloudinary = require('cloudinary');
var image = "Сюда нужно кидать фотки каждые 5 секунд";
cloudinary.uploader.upload(image, function(result) {
  console.log(result)
});