importing image on canvas html5

Question

var img = new Image(); img.src = '/images/backdrop.jpg'; ctx.drawImage(img,0,0); I wanted to load an image from local disk on to canvas using dialog box mechanism rather than the path directly specified as in above eg. I tried different sorts using javascript but in vain,even tried using the input type as file. what else can i try?