js canvas转base64编码图片不全

各位大神好

我现在的需求是，选择图片，转成base64编码，上传到服务器

思路是用canvas，选择本地图片后，画到canvas上，然后通过canvas获取base64编码

代码如下：

document.choose('image',function(err,uri){
            let ctx = that.$element('drawImage').getContext('2d');
            let img = new Image();
            img.src = uri;
            img.onload = function() {
                console.log('Image load success');
                ctx.drawImage(img, 0, 0, 320, 250);
            }

        }).then(function(data){
            console.log(data)
        })

然后转base64部分

let el =this.$refs.canvas;
        let base = el.toDataURL('image/png');
        console.log(base)

然后我是远程模拟器上测试的，为了测试，我现在模拟器里通过相机拍了一张照片

然后选择图片后，模拟器上显示如下

但是上传到服务器里，通过base64编码还原的图片如下

两者就不一样…… 感觉是不全，我本来想用手机真机测试的，结果手机上选择文件时，一点图片就自动退回桌面了……

求解