我是靠谱客的博主 孝顺鲜花,最近开发中收集的这篇文章主要介绍前端JS base64和 二进制流(blob) 互转1.文件转base64 (我这里是录音文件)2.base64 转 二进制流(blob) (我这里是转录音文件),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.文件转base64 (我这里是录音文件)

//录音文件转base64
export function fileToBase64(audioFile, callback) {
    var reader = new FileReader();
    reader.onload = function (event) {
        var data = event.target?.result?.split(",");
        // console.log(data);
        // decodedImageData = btoa(data[1]);
        // var data1 = event.target?.result
        callback(data[1]);
    };
    reader.readAsDataURL(audioFile);
}

2.base64 转 二进制流(blob) (我这里是转录音文件)

// base64 转 二进制流(blob)
export function dataURLtoBlob(dataurl) {
    // console.log(dataurl);
    // let str = "data:audio/wav;base64," + dataurl.slice(2)
    // console.log(str);
    let mime = "audio/wav"
    // var arr = str.split(","),
    // mime = arr[0].match(/:(.*?);/),
    // let bstr = atob(arr[1])
    let bstr = atob(dataurl)
    let n = bstr.length
    let u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {
        type: mime,
    });
}

 

最后

以上就是孝顺鲜花为你收集整理的前端JS base64和 二进制流(blob) 互转1.文件转base64 (我这里是录音文件)2.base64 转 二进制流(blob) (我这里是转录音文件)的全部内容,希望文章能够帮你解决前端JS base64和 二进制流(blob) 互转1.文件转base64 (我这里是录音文件)2.base64 转 二进制流(blob) (我这里是转录音文件)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(54)

评论列表共有 0 条评论

立即
投稿
返回
顶部