如何下载加密的base64？然后解密

Question

我想在客户端浏览器中加密和解密图像。

我已经创建上传图片并使用 base64 加密。但是，我不知道如何下载这个加密图像（格式图像不是文本）。

之后我想上传这张加密图片进行解密。

谢谢你的提前，我很抱歉我的英语不好。

$(document).ready(function() {
        $("#form-encrypt").on('submit', function(e){
            e.preventDefault();
            disabledButton('btn-submit-encrypt');
            let filesSelected = document.getElementById("inputFileToLoad").files;
            let fileExtension = filesSelected[0].name.split('.').pop()
            const password = $('#password').val();
            if (filesSelected.length > 0) {
                let fileToLoad = filesSelected[0];
                let fileReader = new FileReader();
                fileReader.onload = function(fileLoadedEvent) {
                    let base64value = fileLoadedEvent.target.result;
                    let encrypt = CryptoJS.AES.encrypt(base64value, password).toString();
            
                };
                fileReader.readAsDataURL(fileToLoad);
            }

        });


        $("#form-decrypt").on('submit', function(e){
            e.preventDefault();

            const ciphertext = document.querySelector('#encrypt-text').value;
            const pass = document.querySelector('#password-decrypt').value;
            try {
                let bytes  = CryptoJS.AES.decrypt(ciphertext, pass);  
                const originalText = bytes.toString(CryptoJS.enc.Utf8);
                
                const preview = document.getElementById('preview');
                preview.setAttribute('src', originalText);
                $("#preview").show();
                
            } catch (error) {
                alert('Wrong Password, or Encrypt Text Not Right');
                
            }

        });
    });


    function downloadTxt(filename, data, mimeType) {
        let element = document.createElement('a');
        element.setAttribute('download', filename);
        mimeType = mimeType || 'text/plain';
        element.setAttribute('href', 'data:' + mimeType  +  ';charset=utf-8,' + [enter image description here][1]encodeURIComponent(data));
        element.click(); 
    }

    function disabledButton(elm) {
        const element = document.getElementById(elm);
        element.setAttribute('disabled', true);
        element.innerHTML = 'Loading..';
    }

Answer 1

是的，我已经知道了。

我错了，因为我在 fileReader 中加密了所有结果，你必须拆分一个 base64 值。

示例：

数据:image/png;base64,iVBOblablabla

用 ( , ) 分割得到数组数据[0] = 数据:image/png;base64 数据[1] = iVBOblablabla

你应该只加密数据[1]

如何下载加密的base64？然后解密

How to download base64 which is encrypted? and Decrypt after that

javascript

encryption

base64

cryptography

cryptojs