JS图片上传压缩和this指向问题

HTML:

JS:

toDataURL(file, c, isBase) {

        var reader = new FileReader();

        reader.onload = function () {

            c(this.result)

        }

        reader.readAsDataURL(file);

    },

    dealImage:function(path, obj, callback) {

    window.pmb=this;

        var img = new Image();

        img.src = path;

        img.onload = function () {

            var that = this;

            // 默认按比例压缩

            var w = that.width,

                h = that.height,

                scale = w / h;

            w = obj.width || w;

            h = obj.height || (w / scale);

            //生成canvas

            var canvas = document.createElement('canvas');

            var ctx = canvas.getContext('2d');

            // 创建属性节点

            var anw = document.createAttribute("width");

            anw.nodeValue = w;

            var anh = document.createAttribute("height");

            anh.nodeValue = h;

            canvas.setAttributeNode(anw);

            canvas.setAttributeNode(anh);

            ctx.drawImage(that, 0, 0, w, h);

            canvas.toBlob(function (callback) {

            console.log("callback",callback);

                let formData = new FormData();

                formData.append("file", callback);

                window.pmb.axios

                  .post(URL, formData, {

                    headers: { "Content-Type": "multipart/form-data" }

                  })

                  .then(res => {

                  }); 

            })

        }

    },

    onUpload(e) {

      let self=this;

      self.toDataURL(this.$refs.input.files[0],function(base){

            self.dealImage(base, {width:400,height:400}, function(blob){

                window.open(URL.createObjectURL(blob));

            });

      });

    },