js转文件为ArrayBuffer，从前端传递文件到dubbo接口

实现方式：js通过FileReader读取文件为ArrayBuffer转Hex进行传输、Java中Hex转为byte数组

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

 
<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中dubbo接口入参使用字符串接收，然后将hex转byte[]
byte用二进制表示占用8位，16进制的每个字符需要用4位二进制位来表示,
所以可以把两个相应的16进制字符转换成一个byte，代码如下：

 
//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;
}
 

该方法借鉴自: https://blog.csdn.net/springlustre/article/details/81563796.