如何设置画布高度和宽度到文件api图像的高度和宽度？

Question

基本上我有一个文件api和一个画布，我想要的是将画布的高度和宽度设置为从文件api中选择的图像。

到目前为止，我可以走到这一步：

reader = new FileReader();
reader.onloadend = function(e){
    showUploadedItem(e.target.result, file.fileName);
}
reader.readAsDataURL(file);

var sendingcontext = sendingcanvas.getContext('2d');
var imagetosend = new Image();
imagetosend.onload = function(){
    sendingcanvas.width=imagetosend.width;
    sendingcanvas.height=imagetosend.height;
sendingcontext.drawImage(imagetosend, 0,0);
}
imagetosend.src=window.URL.createObjectURL(input.files[0]);

和

<div class="div" id="div">
    <canvas id="canvas" class="canvas" width="100" height="100">Your browser does not support out technologies</canvas>
</div>

仅供参考：文件高度和宽度随机而不仅仅是100到100

这里的问题是我只拍摄了一部分图像而不是实际的完整图像

非常感谢：）