浏览器提示 await 错误

2023-12-25 09:19:16 阅读：212 来源： 互联网

标签：

要在浏览器中使用 await，你可以将 uploadChunk() 函数包装在 async 函数中，然后在调用该 async 函数时使用 await。

以下是修改后的代码示例：

async function uploadChunks() {
  let totalChunks = Math.ceil(filelen / CHUNK_SIZE);
  let offset = 0;

  while (offset < filelen) {
    let chunk = data.slice(offset, offset + Math.min(CHUNK_SIZE, filelen - offset));
    let buffer = new Uint8Array(chunk);
    let chunkMD5 = await calculateChunkMD5(buffer);
    await sendChunk(offset, chunkMD5, chunk);

    offset += CHUNK_SIZE;
  }
}

async function sendChunk(offset, chunkMD5, chunk) {
  try {
    let response = await request({
      url: '/api/est4/firmware',
      headers: {
        'Content-Type': 'application/octet-stream',
        'File-ID': filename,
        'Offset': offset,
        'Total-Size': filelen,
        'Chunk-MD5': chunkMD5
      },
      method: 'post',
      data: chunk
    });

    console.log('Chunk uploaded:', response);
  } catch (error) {
    console.error('Error uploading chunk:', error);
  }
}

// 调用uploadChunks()来开始上传所有的分块
uploadChunks();

JavaScript

在这个示例中，我们将上传逻辑封装在一个名为 uploadChunks() 的 async 函数中。它使用一个循环来逐个上传分块，每次上传一个分块时都会等待前一个分块的上传完成。

uploadChunks() 函数内部调用了两个新的辅助函数：sendChunk() 和 calculateChunkMD5()。sendChunk() 函数负责发送单个分块，并在上传成功后输出日志。calculateChunkMD5() 函数被修改为返回一个 Promise 对象，以便在浏览器环境中使用。

最后，我们调用 uploadChunks() 函数来开始上传所有的分块。

请注意，在浏览器中，async/await 可能需要额外的配置（如使用 Babel 或将 JavaScript 文件标记为模块），以确保正确运行。如果你遇到任何问题，请查看浏览器中 async/await 的相关文档或调整你的开发环境。

标签：
来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

浏览器提示 await 错误