Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
纯前端生成的 Blob 流,如何下载并打开?_创想鸟

纯前端生成的 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 流,如何下载并打开?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1497282.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
微信扫码授权后如何关闭弹窗并刷新父窗口?
上一篇 2025年12月19日 19:22:24
JavaScript 异步函数中如何处理带条件的数据校验?
下一篇 2025年12月19日 19:22:48

相关推荐

  • 诺基亚助力 Medusa 海底光缆系统 构建欧非数字新动脉

    诺基亚助力 Medusa 海底光缆系统 构建欧非数字新动脉诺基亚助力 Medusa 海底光缆系统 构建欧非数字新动脉诺基亚助力 Medusa 海底光缆系统 构建欧非数字新动脉诺基亚助力 Medusa 海底光缆系统 构建欧非数字新动脉

    近日,诺基亚宣布将为 medusa 海底光缆系统提供关键技术支持。该光缆项目由 afr-ix telecom 牵头,致力于构建一条连接欧洲与北非的高容量数字通道,打造区域性的数字走廊。这一开放接入的基础设施将覆盖摩洛哥、突尼斯、利比亚、阿尔及利亚和埃及等多个国家,为5g、云计算及人工智能等前沿科技提…

    2026年9月25日 • 用户投稿
    000
  • vivo Z5的CPU性能如何

    vivo Z5的CPU性能如何vivo Z5的CPU性能如何vivo Z5的CPU性能如何vivo Z5的CPU性能如何

    vivo Z5 搭载高通骁龙 712 处理器,基于 10nm 制程工艺,采用 2.3GHz 双大核、1.7GHz 六小核架构。基准测试中,该处理器单核性能为 346 分,多核性能为 1356 分。在游戏方面,vivo Z5 可以流畅运行大多数手游,但最高画质下玩《原神》时可能出现卡顿现象。日常使用中…

    2026年9月25日 • 用户投稿
    000
  • MBTI测试免费入口网址_ MBTI官网免费测试网站链接

    MBTI测试免费入口网址_ MBTI官网免费测试网站链接MBTI测试免费入口网址_ MBTI官网免费测试网站链接MBTI测试免费入口网址_ MBTI官网免费测试网站链接MBTI测试免费入口网址_ MBTI官网免费测试网站链接

    MBTI测试免费入口网址是https://www.16personalities.com/,该网站提供无需注册即可参与的近百道题人格测试,耗时约10至15分钟,支持中文界面并可导出PDF报告。 MBTI测试免费入口网址在哪里?这是不少朋友都在寻找的,接下来由PHP小编为大家带来MBTI官网免费测试网…

    2026年9月25日 • 用户投稿
    300
  • Debian Apache日志隐藏了哪些秘密

    Debian Apache日志隐藏了哪些秘密Debian Apache日志隐藏了哪些秘密Debian Apache日志隐藏了哪些秘密Debian Apache日志隐藏了哪些秘密

    Debian系统中的Apache日志蕴藏着服务器运行状态和网站访问情况的宝贵信息,对于安全评估、性能优化和问题排查至关重要。本文将揭秘Apache日志中可能隐藏的秘密。 Apache日志类型及用途 Apache日志主要分为两种: 访问日志: 记录每次HTTP请求的细节,包括客户端IP地址、访问时间、…

    2026年9月25日 • 用户投稿
    000
  • thinkphp和yii区别

    thinkphp和yii区别thinkphp和yii区别thinkphp和yii区别thinkphp和yii区别

    thinkPHP:社区火爆,中文的新手教程很详细,比较容易上手。   (推荐学习:thinkphp5) web项目开发中大部分代码都是重复的,因此自动化代码生成工具是必不可少的,截至最新的tp3.2.3,我仍然没看到tp对自动化工具有任何支持的迹象;gii非常好用的建模块、控制器(动作)、CURD操…

    2026年9月25日 • 用户投稿
    000
  • sublime怎么运行php文件 _sublime PHP文件运行方法

    sublime怎么运行php文件 _sublime PHP文件运行方法sublime怎么运行php文件 _sublime PHP文件运行方法sublime怎么运行php文件 _sublime PHP文件运行方法sublime怎么运行php文件 _sublime PHP文件运行方法

    首先确保PHP已安装并加入环境变量,然后在Sublime Text中创建PHP构建系统:通过Tools → Build System → New Build System…添加对应操作系统的JSON配置,保存为PHP.sublime-build至User目录;接着打开.php文件按Ctrl+ B或C…

    2026年9月25日 • 用户投稿
    000
  • 2025年6月全国乘用车市场零售208万辆 同比增长18%

    2025年6月全国乘用车市场零售208万辆 同比增长18%2025年6月全国乘用车市场零售208万辆 同比增长18%2025年6月全国乘用车市场零售208万辆 同比增长18%2025年6月全国乘用车市场零售208万辆 同比增长18%

    据乘联会秘书长崔东树最新发布的市场数据显示,2025年6月全国乘用车零售销量达208万辆,同比增长18%,环比增长7.5%。今年上半年累计零售量为1091万辆,同比增长11%。这一成绩不仅超过了2022年同期的194万辆历史峰值,也预示着车市“前低后高”的格局正在向积极方向转变。 ☞☞☞AI 智能聊…

    2026年9月25日 • 用户投稿
    000
  • Debian如何实现数据备份与回收

    Debian如何实现数据备份与回收Debian如何实现数据备份与回收Debian如何实现数据备份与回收Debian如何实现数据备份与回收

    本文介绍在Debian系统中进行数据备份和恢复的多种方法及工具。 备份方法 Debian系统的数据备份可以通过多种方式实现,确保系统和数据的安全: 全面系统备份 (tar): 使用tar命令创建包含系统文件、配置文件和用户数据的完整压缩备份: sudo tar -czvf backup.tar.gz…

    2026年9月25日 • 用户投稿
    000
  • PDF转Word怎么一键转换_PDF一键转Word的简单操作流程

    PDF转Word怎么一键转换_PDF一键转Word的简单操作流程PDF转Word怎么一键转换_PDF一键转Word的简单操作流程PDF转Word怎么一键转换_PDF一键转Word的简单操作流程PDF转Word怎么一键转换_PDF一键转Word的简单操作流程

    可通过在线工具、Word、WPS或Adobe软件将PDF转为Word。在线工具如iLovePDF上传即转;2. Word可直接打开PDF另存为.docx;3. WPS点击“PDF转Word”一键转换;4. Adobe Acrobat选择“导出PDF”为Word格式,精准保留原排版。 如果您需要将PD…

    2026年9月25日 • 用户投稿
    200
  • 远光84怎么加分 加分技巧分享​

    远光84怎么加分 加分技巧分享​远光84怎么加分 加分技巧分享​远光84怎么加分 加分技巧分享​远光84怎么加分 加分技巧分享​

    远光84中玩家可通过熟练特定流派英雄(如侦察流魅影、支援流苏尼尔)、合理用喷气背包与载具、升级载具配件来提升表现,从而高效获取积分。​以下为您详细介绍加分技巧,感兴趣的玩家千万不要错过哦。 远光84加分技巧分享如下:​ 1、专注特定流派英雄练习 游戏英雄分进攻、防御、侦察、支援四流派,新手前期可优先…

    2026年9月25日 • 用户投稿
    000
  • safari浏览器如何管理和删除Cookie_safari浏览器Cookie管理和删除方法

    清除或管理Safari浏览器的Cookie可解决网页加载异常、登录状态丢失等问题。1、通过“设置-隐私-管理网站数据”可查看并删除特定网站的Cookie;2、点击“移除全部”可彻底清除所有Cookie,重置浏览状态;3、勾选“阻止所有Cookie”能增强隐私保护,但会影响网站正常功能;4、使用“无痕…

    2026年9月25日
    100
  • 淘宝推广计划在哪里找到?推广计划名称该如何命名?卖家必看!精准定位后台入口+三大命名法则,轻松管理8大推广计划!

    淘宝推广计划在哪里找到?推广计划名称该如何命名?卖家必看!精准定位后台入口+三大命名法则,轻松管理8大推广计划!淘宝推广计划在哪里找到?推广计划名称该如何命名?卖家必看!精准定位后台入口+三大命名法则,轻松管理8大推广计划!淘宝推广计划在哪里找到?推广计划名称该如何命名?卖家必看!精准定位后台入口+三大命名法则,轻松管理8大推广计划!淘宝推广计划在哪里找到?推广计划名称该如何命名?卖家必看!精准定位后台入口+三大命名法则,轻松管理8大推广计划!

    在淘宝这个庞大的电商生态中,推广计划是商家提升店铺曝光率与成交额的核心工具之一。然而,许多新手或经验不足的商家常常会遇到两个基础却关键的问题:淘宝推广计划究竟在哪里可以找到?以及,如何为推广计划起一个清晰有效的名称?这两个问题看似简单,实则直接影响到后续推广操作的便捷性与精准度。如果找不到推广入口,…

    2026年9月25日 • 用户投稿
    000
  • Java中数据类型溢出的原理及预测方法

    Java中数据类型溢出的原理及预测方法Java中数据类型溢出的原理及预测方法Java中数据类型溢出的原理及预测方法Java中数据类型溢出的原理及预测方法

    本文旨在阐明Java中当数值超出所选数据类型范围时发生的溢出现象,并提供预测溢出结果的方法。文章将深入探讨计算机中数值的存储方式,特别是补码表示法,以及溢出时数值如何“环绕”的原理。通过理解这些概念,读者可以准确预测Java中数据类型溢出的结果。 理解计算机中的数值表示:补码 在计算机中,所有数据最…

    2026年9月25日 • 用户投稿
    100
  • MySQL版本的特点及优缺点

    MySQL版本的特点及优缺点MySQL版本的特点及优缺点MySQL版本的特点及优缺点MySQL版本的特点及优缺点

    MySQL是一种流行的关系型数据库管理系统,被广泛用于Web应用程序和企业级系统中。本文将探讨MySQL不同版本的特点以及它们的优缺点,并提供一些具体的代码示例。 MySQL 5.7 版本特点及优缺点 特点: JSON 数据类型支持:MySQL 5.7引入了对JSON数据类型的支持,可以存储和查询J…

    2026年9月25日 • 用户投稿
    000
  • 因企业原因长期闲置,恒大汽车南沙工厂将被政府收回

    因企业原因长期闲置,恒大汽车南沙工厂将被政府收回因企业原因长期闲置,恒大汽车南沙工厂将被政府收回因企业原因长期闲置,恒大汽车南沙工厂将被政府收回因企业原因长期闲置,恒大汽车南沙工厂将被政府收回

    ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ 7月8日,广州市规划和自然资源局官方网站发布了《闲置土地认定书(穗规划资源闲认〔2025〕9号)》。 根据该认定书内容显示,涉事地块已取得《不动产权证书》,权利人登记为恒大恒驰新能源汽车科技(广…

    2026年9月25日 • 用户投稿
    000
  • 小米夺上半年中国智能门锁线上销量第一 海尔进前三

    小米夺上半年中国智能门锁线上销量第一 海尔进前三小米夺上半年中国智能门锁线上销量第一 海尔进前三小米夺上半年中国智能门锁线上销量第一 海尔进前三小米夺上半年中国智能门锁线上销量第一 海尔进前三

    7 月 30 日,洛图科技(runto)公布最新市场分析报告。2025 年上半年,中国智能门锁市场全渠道销售总量达 897 万套,同比增长 6.8%;平均售价为 887 元,较 2024 年同期下滑 26 元。从品牌格局来看,小米在销量与销售额方面双双登顶,海尔则在销量榜单中跻身前三。 智能门锁 数…

    2026年9月25日 • 用户投稿
    000
  • 如何修复电脑硬盘"

    如何修复电脑硬盘"如何修复电脑硬盘"如何修复电脑硬盘"如何修复电脑硬盘"

    最近有小伙伴在后台私信小编说,电脑硬盘坏了能不能修复,该如何修复电脑硬盘。因此,针对该问题,小编就马上跑来整理出来了一些相关于这个方面的内容,那么小伙伴下面就随小编一起来看看如何修复电脑硬盘的方法吧。 众所周知硬盘是电脑中一个非常重要的硬件设备,是电脑主要的存储媒介之一。不过最近有童鞋向小编反映说自…

    2026年9月25日 • 用户投稿
    100
  • sublime怎么配置PHP CS Fixer进行代码格式化_sublime使用PHP CS Fixer自动格式化代码教程

    sublime怎么配置PHP CS Fixer进行代码格式化_sublime使用PHP CS Fixer自动格式化代码教程sublime怎么配置PHP CS Fixer进行代码格式化_sublime使用PHP CS Fixer自动格式化代码教程sublime怎么配置PHP CS Fixer进行代码格式化_sublime使用PHP CS Fixer自动格式化代码教程sublime怎么配置PHP CS Fixer进行代码格式化_sublime使用PHP CS Fixer自动格式化代码教程

    首先安装PHP CS Fixer工具并将其放置于系统指定目录,确保PHP环境正常;接着在Sublime Text中通过Package Control安装PHP CS Fixer插件;然后在插件设置中配置php_cs_fixer_exec_path和php_path指向正确的PHAR文件和PHP可执行…

    2026年9月25日 • 用户投稿
    100
  • uc浏览器怎么添加书签到主页_UC浏览器将书签添加到首页快捷方式

    uc浏览器怎么添加书签到主页_UC浏览器将书签添加到首页快捷方式uc浏览器怎么添加书签到主页_UC浏览器将书签添加到首页快捷方式uc浏览器怎么添加书签到主页_UC浏览器将书签添加到首页快捷方式uc浏览器怎么添加书签到主页_UC浏览器将书签添加到首页快捷方式

    首先可通过书签管理长按添加,其次在浏览时点击菜单选择添加到桌面,最后部分版本可直接使用工具栏+按钮创建快捷方式。 如果您希望快速访问常用网站,可以通过将书签添加到UC浏览器主页来实现便捷操作。这一功能可以帮助您在启动浏览器时一键跳转至目标页面。 本文运行环境:小米14,Android 14 一、通过…

    2026年9月25日 • 用户投稿
    100
  • 使用 DynamoDBMapper 进行条件更新操作

    使用 DynamoDBMapper 进行条件更新操作使用 DynamoDBMapper 进行条件更新操作使用 DynamoDBMapper 进行条件更新操作使用 DynamoDBMapper 进行条件更新操作

    本文将介绍如何利用 DynamoDBMapper 在 Java 中执行基于当前值的条件更新操作,特别是使用 “ADD” 操作来递减账户余额。虽然 DynamoDBMapper 默认不支持直接使用更新表达式,但通过配置 SaveBehavior,可以实现类似的效果。 Dynam…

    2026年9月25日 • 用户投稿
    000

发表回复

登录后才能评论
关注微信