js读取文件ArrayBuffer转Hex进行传输和Java中Hex转byte数组的方法

最新推荐文章于 2025-10-15 19:34:40 发布

原创最新推荐文章于 2025-10-15 19:34:40 发布 · 1.2w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#Hex #ArrayBuffer

java 同时被 2 个专栏收录

12 篇文章

订阅专栏

前端知识

2 篇文章

订阅专栏

本文介绍了一种将文件转换为String并进一步转换为十六进制字符串的方法，该方法适用于前后端统一接口的需求场景。前端使用FileReader读取文件为ArrayBuffer，再转化为Hex字符串；后端则将接收到的Hex字符串转换回byte[]。

在一次需求中，为了保持后台接口的统一，需要前端将将文件转成String作为param的一个参数进行传输，后台接收后将其转换成byte数组存
到数据库的Blob类型的字段中。几经摸索总结出了以下做法。

将二进制0、1数组转换成16进制Hex字符串，如1010 -> a,然后在将Hex在服务端转成byte数组

1、通过FileReader将文件读取成ArrayBuffer类型

```html
<el-form-item label="上传文件" prop="myFile">
  <input id="file_input" @change="uploading($event)" type="file" value="上传">
</el-form-item>

<script>

  //arraybuffer to hex
  function buf2hex(buffer) { // buffer is an ArrayBuffer
      return Array.prototype.map.call(new Uint8Array(buffer), x => ('00' + x.toString(16)).slice(-2)).join('');
  }

  uploading(event) {
    var that = this
    var file = event.target.files[0];//获取文件
    var reader = new FileReader();
    reader.readAsArrayBuffer(file);
    reader.onload = function(e){
      let buffer = e.target.result  //此时是arraybuffer类型
      let hex = buf2hex(buffer)
      console.log(hex) //自行处理
    }
  }

</script>

```



2、java中hex转byte[]

byte用二进制表示占用8位，16进制的每个字符需要用4位二进制位来表示,
所以可以把两个相应的16进制字符转换成一个byte，代码如下：

```java

//hex to byte[]
public static byte[] hexToByte(String str) {
    byte[] bytes = new byte[str.length() / 2];
    for(int i = 0; i < str.length() / 2; i++) {
        String subStr = str.substring(i * 2, i * 2 + 2);
        bytes[i] = (byte) Integer.parseInt(subStr, 16);
    }
    return bytes;
}

```