Почему не получается загрузить изображение в canvas?

Question

[Np102901]

Не получается передать image в canvas. Не понимаю в чем проблема. Работает через раз.
Вот код :

<input id="upLoad" type="file">
<img id="snap" src="" alt="" />
<canvas id="canvas"></canvas>

var image = document.querySelector('img#snap'),
    canvas = document.querySelector('canvas'),
    context = canvas.getContext('2d');

$('#upLoad').on('change', function () {

   var file = this.files[0];

   console.log(file);

   var reader = new FileReader();

    reader.onload = function () {

        image.src = event.target.result;

       canvas.width = image.width;
       canvas.height = image.height;

       context.drawImage(image,0,0,canvas.width,canvas.height);
    };


    reader.readAsDataURL(file);
});

CodePen : https://codepen.io/anon/pen/ybXRBr

Answer 1

[svetlov97]

Посмотрел на CodePen все работает.

Comments

[Np102901]

В хроме не работает, а например в Яндекс браузере все нормально.

[svetlov97]

Np102901: Вы ведь знаете что Chrome и Yandex на одном движке, да ?

[Np102901]

svetlov97: Да. Это меня и смущает..

[svetlov97]

Вот нашел, посмотри
тык