如何将我的图像正确转换为Base64？

Question

我正在尝试将图像转换为Base64并进行编码（没有任何可能损坏我的应用程序的特殊字符）。 可悲的是，该代码无法正常工作。 我想知道代码是否有问题。

这是代码：

    $('#button_upload').on('click', function () {
        upload();
    });



    $(":file").on('change', function(){
        loadImage(this);
    });




    function isBase64(str) {
        try {
            return btoa(atob(str)) == str;
        }catch (err) {
            return false;
        }
    }


    function getDataUri(url, callback) {
        var image = new Image();
        image.onload = function (url) {
            var canvas = document.createElement('canvas');
            canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
            canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size

            canvas.getContext('2d').drawImage(this, 0, 0);
            callback(canvas.toDataURL('image/jpeg').replace(/^data:image\/(png|jpg);base64,/, ''));



        };

        image.src = url;

    };

    function loadImage(image) {
        if (image.files && image.files[0]) {
            var reader = new FileReader();
            reader.onload = imageIsLoaded;
            reader.readAsDataURL(image.files[0]);
        };
    };

    function imageIsLoaded(e) {
        $('#myImg').attr('src', e.target.result);
    };

    function upload() {

        var src = document.getElementById('myImg').src
        getDataUri(src, function (dataUri) {
            var parameters= {
                picture: dataUri
            };

Answer 1

我将其固定在行中：

从

callback(canvas.toDataURL('image/jpeg').replace(/^data:image\/(png|jpg);base64,/, ''));

至

callback(canvas.toDataURL('image/jpeg').replace(/^data:image\/(png|jpeg);base64,/, ''));

它是String文字，因此正则表达式必须与情况完全相同。