Load Image from local path and draw it on canvas

See more:

Javascript

Canvas

I want to draw a image on canvas where the source for image will be set dynamically by user.I am getting following error 'Not allowed to load local resource: file:///D:/My%20Picsb.jpg' while trying to set src for image.Is there any way to load file from local drives to draw them on canvas?

var img = new Image();
    img.onload = function () {  
        context.drawImage(img, 20, 20, 50, 50);
    };

    img.src = "D:\My Pics\tb.jpg";