javascript - CryptoJS - 解密加密文件

Question

我正在尝试编写一个应用程序，以在浏览器中使用 JS 对文件进行端到端加密。但是我似乎无法正确解密所有文件。

TL;DR 由于整体加密大于 1MB 的文件是不切实际的，因此我尝试逐 block 加密它们。这样做之后，我尝试将加密的单词(由 CryptoJS 的 WordArray 产生)写入一个 blob。至于解密，我读取文件并根据加密 block 时生成的映射将它们拆分为 block 并尝试解密它们。问题是解密结果是0位!

我想我在正确解密时没有读取 block 。请查看下面的函数 getBlob(将数据写入 blob)的代码和用于读取 block 的 decryptFile 的最后一部分。

更多解释

我使用默认设置的 CryptoJS AES。

现在我的代码是这样的:

function encryptFile (file, options, resolve, reject) {
  if (!options.encrypt) {
    return resolve(file)
  }
  if (!options.processor || !options.context) {
    return reject('No encryption method.')
  }

  function encryptBlob (file, optStart, optEnd) {
    const start = optStart || 0
    let stop = optEnd || CHUNK_SIZE
    if (stop > file.size - 1) {
      stop = file.size
    }

    const blob = file.slice(start, stop)
    const fileReader = new FileReader()

    fileReader.onloadend = function () {
      if (this.readyState !== FileReader.DONE) return

      const index = Math.ceil(optStart / CHUNK_SIZE)
      const result = CryptoJS.lib.WordArray.create(this.result)
      encryptedFile[index] = encrypt(result)

      chunksResolved++
      if (chunksResolved === count) {
        const {sigBytes, sigBytesMap, words} = getCipherInfo(encryptedFile)
        const blob = getBlob(sigBytes, words)

        resolve(blob, Object.keys(sigBytesMap))
      }
    }
    fileReader.readAsArrayBuffer(blob)
  }

  let chunksResolved = 0
  const encryptedFile = []
  const CHUNK_SIZE = 1024*1024
  const count = Math.ceil(file.size / CHUNK_SIZE)
  const encrypt = value => options.processor.call(
    options.context, value, 'file',
    (v, k) => CryptoJS.AES.encrypt(v, k))

  for (let start = 0; (start + CHUNK_SIZE) / CHUNK_SIZE <= count; start+= CHUNK_SIZE) {
    encryptBlob(file, start, start + CHUNK_SIZE - 1)
  }
}

如您所见，我正在尝试逐 block 读取文件(每个 block 为 1MB 或 fileSize % 1MB)作为 ArrayBuffer，将其转换为 WordArray 以便 CryptoJS 理解和加密它。

在加密所有 block 后，我尝试将它们必须的每个单词写入一个 blob(使用我在 Google Code 的 CryptoJS 问题中找到的代码，如下所述)并且我想这是哪里出了问题 .我还为加密 block 的结束位置生成了一个映射，以便稍后可以使用它从二进制文件中获取 block 以进行解密。

下面是我解密文件的方式:

function decryptFile (file, sigBytesMap, filename, options, resolve, reject) {
  if (!options.decrypt) {
    return resolve(file)
  }
  if (!options.processor || !options.context) {
    return reject('No decryption method.')
  }

  function decryptBlob (file, index, start, stop) {
    const blob = file.slice(start, stop)
    const fileReader = new FileReader()

    fileReader.onloadend = function () {
      if (this.readyState !== FileReader.DONE) return

      const result = CryptoJS.lib.WordArray.create(this.result)
      decryptedFile[index] = decrypt(result)

      chunksResolved++
      if (chunksResolved === count) {
        const {sigBytes, words} = getCipherInfo(decryptedFile)
        const finalFile = getBlob(sigBytes, words)

        resolve(finalFile, filename)
      }
    }
    fileReader.readAsArrayBuffer(blob)
  }

  let chunksResolved = 0
  const count = sigBytesMap.length
  const decryptedFile = []
  const decrypt = value => options.processor.call(
    options.context, value, 'file',
    (v, k) => CryptoJS.AES.decrypt(v, k))

  for (let i = 0; i < count; i++) {
    decryptBlob(file, i, parseInt(sigBytesMap[i - 1]) || 0, parseInt(sigBytesMap[i]) - 1)
  }
}

解密与加密完全一样，但不起作用。虽然 block 不再是 1MB，但它们仅限于 map 中提到的 sigBytes。解密无结果! sigBytes: 0.

下面是生成 blob 和获取 sigbytesMap 的代码:

function getCipherInfo (ciphers) {
  const sigBytesMap = []
  const sigBytes = ciphers.reduce((tmp, cipher) => {
    tmp += cipher.sigBytes || cipher.ciphertext.sigBytes
    sigBytesMap.push(tmp)
    return tmp
  }, 0)

  const words = ciphers.reduce((tmp, cipher) => {
    return tmp.concat(cipher.words || cipher.ciphertext.words)
  }, [])

  return {sigBytes, sigBytesMap, words}
}

function getBlob (sigBytes, words) {
  const bytes = new Uint8Array(sigBytes)
  for (var i = 0; i < sigBytes; i++) {
    const byte = (words[i >>> 2] >>> (24 - (i % 4) * 8)) & 0xff
    bytes[i] = byte
  }

  return new Blob([ new Uint8Array(bytes) ])
}

我猜问题出在我用来读取加密 block 的方法上。或者写出来!

我还应该提一下，之前我在加密方面做了一些不同的事情。我使用 toString 方法和默认编码(我认为是 CryptoJS.enc. Hex) 但有些文件没有正确解密。它与原始文件的大小无关，而与它们的类型无关。同样，我在猜测!

Answer 1

原来问题是 CryptoJS.AES.decrypt(value, key) 返回的 WordArray 有 4 个额外的单词作为填充，不应包含在最后的单词中结果。 CryptoJS 尝试取消填充结果，但仅相应地更改 sigBytes 而不会更改 words。所以在解密时，在将 block 写入文件之前弹出那些额外的单词。 4 个词表示完整的词 block ，3 个词表示较小的词 block (最后一个词 block )。