我在Node.js中遇到了一个JPEG解析函数，我正试图将其应用到浏览器环境中。原始代码可以在这里找到。
原始代码使用Node.js的Buffer类。由于我想将其用于浏览器环境，因此必须使用DataView.getUint16(0, false /* big endian */)而不是buffer.readUInt16BE(0) /*BE = big endian */
有趣的是，DataView也可以在NodeJ中使用，所以结果可能是交叉引用。
以下是我到目前为止发现的：

• 引入一个从4开始的变量j有助于获得第一次迭代的正确偏移量，因为缓冲区4的第一个字节被切片：

let j=4 // match the buffer slicing above

字符串

• 为下一次阅读而向j添加+ 2并不能帮助获得下一次迭代的正确偏移量，尽管缓冲区正好被分割为两个字节

j+=2; // match the buffer slicing below ( i + 2 )
    buffer = buffer.slice(i + 2); // Buffer is sliced of two bytes, 0 offset is now 2 bytes further ?

型
下面是添加了日志记录的函数

function calculate (buffer) {

  // Skip 4 chars, they are for signature
  buffer = buffer.slice(4);
  let j=4 // match the buffer slicing above
  let aDataView=new DataView(buffer.buffer);
  var i, next;
  while (buffer.length) {
    // read length of the next block
    i = buffer.readUInt16BE(0);
    console.log("i="+i,"read="+aDataView.getUint16(j,false));
    j+=2; // match the buffer slicing below ( i + 2 )
    // ensure correct format
    validateBuffer(buffer, i);

    // 0xFFC0 is baseline standard(SOF)
    // 0xFFC1 is baseline optimized(SOF)
    // 0xFFC2 is progressive(SOF2)
    next = buffer[i + 1];
    if (next === 0xC0 || next === 0xC1 || next === 0xC2) {
      return extractSize(buffer, i + 5);
    }

    // move to the next block
    buffer = buffer.slice(i + 2);
  }

  throw new TypeError('Invalid JPG, no size found');
}

型
this image上的实际结果：

node .\start.js 
i=16 read=16 # Seems to be the correct offset
i=91 read=19014 # Wrong offset
i=132 read=18758

型
到目前为止，我的调试步骤如下：从npm npm install buffer-image-size --save安装buffer-image-size编写start.js如下

var sizeOf = require('buffer-image-size');
const fs = require('fs');

fileBuffer = fs.readFileSync("flowers.jpg");
var dimensions = sizeOf(fileBuffer);
console.log(dimensions.width, dimensions.height);

型
编辑**“node_modules\buffer-image-size\lib\types\jpg.js”**添加提到的行和日志记录
你有没有什么线索

*为什么j加2不能得到正确的偏移量
*如何获得相同的算法，而无需一遍又一遍地切片缓冲区

我感谢任何关于解决这个问题的见解或指导。谢谢！