var readFile = function(e) {

  var input = e.target;

​

  var reader = new FileReader();

  reader.onload = function(){

    var img = document.createElement('img');

    img.src = reader.result;

    var image = new fabric.Image(img);

    canvas.add(image);

  };

  reader.readAsDataURL(input.files[0]);

};

​

document.getElementById('file').addEventListener('change', readFile);

​

var canvas = new fabric.Canvas(document.getElementById('canvas'), {

  backgroundColor: '#c8c8c8'

});