如何在JavaScript中为Base64编码文件生成动态后缀？

未匹配扩展名的处理方式 #

对于未匹配到的文件扩展名，返回通用二进制MIME类型前缀 data:application/octet-stream;base64, 是最优选择。这个类型会让浏览器将文件识别为未知二进制数据，触发下载时会提示用户选择打开方式，避免因MIME类型不匹配导致的下载失败问题。

更简洁的实现方案 #

用对象映射替代switch语句，代码更简洁易维护，后续新增扩展名只需在对象中添加键值对即可：

const getFileSuffix = (fileExt) => {
    const mimePrefixMap = {
        'pdf': 'data:application/pdf;base64,',
        'doc': 'data:application/msword;base64,',
        'docx': 'data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64,',
        'jpg': 'data:image/jpg;base64,',
        'png': 'data:image/png;base64,'
    };
    // 兼容大小写不一致的扩展名输入
    return mimePrefixMap[fileExt.toLowerCase()] || 'data:application/octet-stream;base64,';
};

额外优化点 #

• 加入toLowerCase()可以兼容用户传入大写扩展名的情况（比如PDF、JPG），提升代码鲁棒性。
• 如果需要支持更多文件类型，直接在mimePrefixMap中补充对应的MIME前缀即可，无需修改逻辑代码。

内容的提问来源于stack exchange，提问作者Samuel L