纯前端生成的 Blob 流，如何下载并打开？

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《纯前端生成的 Blob 流，如何下载并打开？》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

如何下载纯前端生成的 blob 流？

在前端生成 blob 流但没有 url 时，在 h5 环境和小程序中将其下载到手机并打开可能会遇到一些挑战。

方法：

将 blob 流转换为 base64 编码字符串

let reader = new filereader();
reader.readasdataurl(blob);
reader.onload = function() {
  let base64data = reader.result;
};

针对小程序环境

使用 wx.filesystemmanager.writefilesync 将 base64 编码数据写入临时文件中，然后使用 wx.downloadfile 下载保存的本地临时文件，最后使用 wx.opendocument 打开文件。

wx.fileSystemManager.writeFileSync(wx.env.USER_DATA_PATH + '/tempFile.txt', base64data.split(',')[1], 'base64');
wx.downloadFile({
  url: wx.env.USER_DATA_PATH + '/tempFile.txt',
  success: function(res) {
    if (res.statusCode === 200) {
      wx.openDocument({
        filePath: res.tempFilePath,
        success: function(res) {
          console.log('打开文档成功');
        }
      });
    }
  }
});

以上就是《纯前端生成的 Blob 流，如何下载并打开？》的详细内容，更多关于的资料请关注golang学习网公众号！