Canvas drawImage在大图像上崩溃

我正在创建一个移动应用程序.用户可以从移动设备中选择一张图片然后我模糊它....问题是,当用户选择一张大图片(超过2 MB)时,该应用程序.崩溃.

JS代码:

convert_local_image_base64: function(url, callback) {
    var canvas = document.createElement('CANVAS'),
            ctx = canvas.getContext('2d'),
            img = new Image;
    img.crossOrigin = 'anonymous';
    img.onload = function() {
        canvas.height = img.height;
        canvas.width = img.width;
        ctx.drawImage(img, 0, 0);
        var dataURL = canvas.toDataURL('image/png');
        callback.call(this, dataURL);
        canvas = null;
    };
    img.src = url;
},

那么还有另一种方法可以实现类似的操作吗？