在Vue 中，将base64图片转为File文件类型

最新推荐文章于 2025-03-06 15:28:15 发布

转载最新推荐文章于 2025-03-06 15:28:15 发布 · 1.1w 阅读

5 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/yin13037173186/article/details/83302628

文章标签：

#vue.js #javascript

vue 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一段用于将Base64编码转换为文件的JavaScript实用代码。该方法首先解析Base64字符串以获取MIME类型，然后解码Base64数据并将其转换为Uint8Array。最后，使用File构造函数创建一个带有指定文件名和MIME类型的文件对象。

base64ToFile(urlData, fileName) {
        let arr = urlData.split(',');
        let mime = arr[0].match(/:(.*?);/)[1];
        let bytes = atob(arr[1]); // 解码base64
        let n = bytes.length
        let ia = new Uint8Array(n);
        while (n--) {
            ia[n] = bytes.charCodeAt(n);
        }
        return new File([ia], fileName, { type: mime });
    },