图片base64转成file

最新推荐文章于 2024-09-21 15:42:55 发布

微行

最新推荐文章于 2024-09-21 15:42:55 发布

阅读量2.2k

点赞数 2

分类专栏： web前端文章标签： base64转file oss上传 oss上传base64 oss上传指定图片 oss上传图片

本文链接：https://blog.csdn.net/itlsq/article/details/93195985

版权

web前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

图片base64转成file

最近做了一个功能，是个人签名，用户在签名处点击，弹出签名框，用鼠标或手指签完名之后会得到一个base64的图片，因为我们项目图片都是通过oss上传到阿里云服务器的，然后阿里云返回一个url之后再保存到我们自己的服务器，所以这里我就需要将得到的base64转成file,花不多说，直接上代码（原理：先将base64转成blob,再将blob转成file）

    //  将base64转换为blob
    baseToBlob (dataurl) { 
        var arr = dataurl.split(','),
            mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]),
            n = bstr.length,
            u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new Blob([u8arr], { type: mime });
    },
    //将blob转换为file
    blobToFile(theBlob, fileName){
       theBlob.lastModifiedDate = new Date();
       theBlob.name = fileName;
       return theBlob;
    },
    //调用
    let blob = baseToBlob(base64Data);
    let file = blobToFile(blob, 'a.png');