JavaScript

<input type="file" id="fileInput" />
<button id="downloadButton" disabled>Download Decoded File</button>

<script>
    let base64String = '';

    // 1. 将文件转换为Base64
    document.getElementById('fileInput').addEventListener('change', async (event) => {
        const file = event.target.files[0];
        if (file) {
            const reader = new FileReader();
            // 将 FileReader 包装为 Promise
            const readFile = () => {
                return new Promise((resolve, reject) => {
                    reader.onloadstart = function (e) {
                        console.log('开始上传');
                    };

                    reader.onload = function (e) {
                        base64String = e.target.result.split(',')[1]; // 获取纯Base64部分
                        console.log('Base64:', base64String);
                        resolve(); // 文件读取完成，解析 Promise
                    };

                    reader.onerror = function (e) {
                        reject(new Error('文件读取失败')); // 文件读取失败，拒绝 Promise
                    };

                    reader.readAsDataURL(file); // 开始读取文件
                });
            };

            try {
                await readFile(); // 等待文件读取完成
                console.log('加载完毕');
                document.getElementById('downloadButton').disabled = false; // 启用下载按钮
            } catch (error) {
                console.error('文件读取失败:', error);
            }
        }
    });

    // 2. 将Base64解码为文件并下载
    document.getElementById('downloadButton').addEventListener('click', function() {
        if (!base64String) {
            console.error('No Base64 data available.');
            return;
        }

        // 将Base64字符串解码为二进制数据
        const binaryString = atob(base64String);
        const bytes = new Uint8Array(binaryString.length);
        for (let i = 0; i < binaryString.length; i++) {
            bytes[i] = binaryString.charCodeAt(i);
        }

        // 创建Blob对象
        const blob = new Blob([bytes], { type: 'application/octet-stream' });

        // 创建下载链接
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = 'decoded_file'; // 设置下载文件名
        document.body.appendChild(a);
        a.click();

        // 清理
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    });
</script>