搬砖：JS中ArrayBuffer转字符串，字符串转ArrayBuffer，字符与字节桥转换

最新推荐文章于 2025-06-20 07:24:49 发布

nedwons

最新推荐文章于 2025-06-20 07:24:49 发布

阅读量1.7w

点赞数

ff os 专栏收录该内容

154 篇文章

订阅专栏

本文介绍了如何在JavaScript中实现ArrayBuffer与字符串之间的相互转换，提供了两种实用的函数：ab2str用于从ArrayBuffer转换成字符串，str2ab用于从字符串转换成ArrayBuffer。文章强调了使用Blob和FileReader进行转换的正确方法，并指出了一些常见的错误，如使用Uint16Array视图转换可能因UTF-8编码字符字节长度不固定而失败。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://blog.youkuaiyun.com/xyzdwf/article/details/82220987

    //ArrayBuffer转字符串
    function ab2str(u,f) {
       var b = new Blob([u]);
       var r = new FileReader();
        r.readAsText(b, 'utf-8');
        r.onload = function (){if(f)f.call(null,r.result)}
    }
    //字符串转字符串ArrayBuffer
    function str2ab(s,f) {
        var b = new Blob([s],{type:'text/plain'});
        var r = new FileReader();
        r.readAsArrayBuffer(b);
        r.onload = function (){if(f)f.call(null,r.result)}
    }

记录备用，网上有用Uint16Array视图转换的并不行，因为utf-8编码字符字节编码长度是不一定是两个字节。

       //实际调用
       ab2str(arrayBuffer,function(str){
           //str为字符串
       });
       str2ab(str,function(ab){
           //ab为ArrayBuffer
       });

---------------------
作者：xyzdwf
来源：优快云
原文：https://blog.youkuaiyun.com/xyzdwf/article/details/82220987
版权声明：本文为博主原创文章，转载请附上博文链接！