使用querySelector将图像加载到画布

Question

在下面的代码中，$（'＃initialModel'）是一个打开文件加载器的按钮，$（'＃initialModelImage'）是我的画布，我试图从文件上传器动态加载到画布上，但我无法在画布上看到上传的图像。有人可以帮我纠正我的代码。谢谢。

$('#initialModel').on('change',function(e){
var modelFile=document.querySelector('#initialModel').files[0];
var reader=new FileReader();
if (modelFile)
    reader.readAsDataURL(modelFile); 
else
    $('#initialModelImage').src = ""; 
reader.onloadend = function (_file)
{
    var canv=document.getElementById("initialModelImage");
    var ctx = canv.getContext('2d');
    ctx.drawImage(reader.result,640,480);
}
});