JavaScript流文件下载实现详解

文章的更新路线:JavaScript基础知识-Vue2基础知识-Vue3基础知识-TypeScript基础知识-网络基础知识-浏览器基础知识-项目优化知识-项目实战经验-前端温习题(HTML基础知识和CSS基础知识已经更新完毕)

正文

前端web、h5实现方式

if (!res) return false
const blob = new Blob([res.data], { type'application/vnd.ms-excel' })
if (window.navigator.msSaveOrOpenBlob) {
  navigator.msSaveBlob(blob, '数据分析.xlsx')
else {
  const link = document.createElement("a")
  link.href = window.URL.createObjectURL(blob)
  link.download = new Date().getTime()

  // fix Firefox
  const body = document.querySelector("body")
  link.style.display = "none"
  body.appendChild(link)

  link.click()
  body.removeChild(link)
  window.URL.revokeObjectURL(link.href)
}

小程序实现方式

// videoContent流文件数据
const data = videoContent.result

// 创建ArrayBuffer对象
let ab = new ArrayBuffer(data.data.data.length)

// 创建TypedArray对象并装载ArrayBuffer
let bufferView = new Uint8Array(ab)

// 遍历接收ArrayBuffer对象中的原始数据
// for (let i = 0; i < data.data.data.length; ++i) {
//   bufferView[i] = data.data.data[i]
// }

// 同上面for循环实现的结果
bufferView.set(data.data.data)

// 获取全局文件管理对象,微信小程序使用wx.getFileSystemManager()
const fs = uni.getFileSystemManager()

// 声明本地缓存地址
const sourceURI = uni.env.USER_DATA_PATH + '/' + new Date().getTime() + '.mp4'

// 将内容写入本地地址内存中
let that = this
fs.writeFile({
  filePath: sourceURI,
  data: bufferView.buffer,
  encoding: 'utf8',
  success: function(res) {
    that.realUrl = sourceURI
  },
  fail: function(error) {
    console.log(error)
  }
})

MIME TYPE

文件后缀 MIME TYPE
.doc application/msword
.dot application/msword
.docx application/vnd.openxmlformats-officedocument.wordprocessingml.document
.dotx application/vnd.openxmlformats-officedocument.wordprocessingml.template
.docm application/vnd.ms-word.document.macroEnabled.12
.dotm application/vnd.ms-word.template.macroEnabled.12
.xls application/vnd.ms-excel
.xlt application/vnd.ms-excel
.xla application/vnd.ms-excel
.xlsx application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.xltx application/vnd.openxmlformats-officedocument.spreadsheetml.template
.xlsm application/vnd.ms-excel.sheet.macroEnabled.12
.xltm application/vnd.ms-excel.template.macroEnabled.12
.xlam application/vnd.ms-excel.addin.macroEnabled.12
.xlsb application/vnd.ms-excel.sheet.binary.macroEnabled.12
.ppt application/vnd.ms-powerpoint
.pot application/vnd.ms-powerpoint
.pps application/vnd.ms-powerpoint
.ppa application/vnd.ms-powerpoint
.pptx application/vnd.openxmlformats-officedocument.presentationml.presentation
.potx application/vnd.openxmlformats-officedocument.presentationml.template
.ppsx application/vnd.openxmlformats-officedocument.presentationml.slideshow
.ppam application/vnd.ms-powerpoint.addin.macroEnabled.12
.pptm application/vnd.ms-powerpoint.presentation.macroEnabled.12
.potm application/vnd.ms-powerpoint.presentation.macroEnabled.12
.ppsm application/vnd.ms-powerpoint.slideshow.macroEnabled.12
.zip application/zip
.tar application/x-tar

结束语

今天分享,有需要的自行获取(回复 11)。

alt

本文由 mdnice 多平台发布

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/619281.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

深入探索 RabbitMQ:功能丰富的消息中间件一

在现代分布式系统的构建中&#xff0c;消息中间件扮演着至关重要的角色。作为这一领域的佼佼者&#xff0c;RabbitMQ以其独特的特性和强大的功能&#xff0c;为应用程序提供了高效可靠的消息传递解决方案。以下是对RabbitMQ及其显著特点的更详细探讨。 什么是 RabbitMQ&#x…

Unity 2D让相机跟随角色移动

相机跟随移动 最简单的方式通过插件Cinemachine 在窗口/包管理器选择全部找到Cinemachine&#xff0c;导入。然后在游戏对象/Cinemachine创建2D Camera。此时层级中创建一个2D相机。选中人物拖入检查器Follow。此时相机跟随人物移动。 修改相机视口距离 在检查器中Lens下调正…

LabVIEW直流稳定电源自动化校准系统

LabVIEW直流稳定电源自动化校准系统 直流稳定电源正向着智能化、高精度、多通道、宽量程的方向发展。基于LabVIEW开发环境&#xff0c;设计并实现了一种直流稳定电源自动化校准系统&#xff0c;以提升校准过程的整体效能&#xff0c;实现自动化设备替代人工进行电源校准工作。…

数据可视化基础与应用-04-seaborn库人口普查分析--如何做人口年龄层结构金字塔

总结 本系列是数据可视化基础与应用的第04篇seaborn&#xff0c;是seaborn从入门到精通系列第3篇。本系列主要介绍基于seaborn实现数据可视化。 参考 参考:我分享了一个项目给你《seaborn篇人口普查分析–如何做人口年龄层结构金字塔》&#xff0c;快来看看吧 数据集地址 h…

基于飞浆paddle的Mv3驾驶员行为识别

“其实一开始并没有想学深度学习” ! pip install --upgrade pip ! pip install paddlex ! pip install --user --upgrade pyarrow11.0.0 # 配置环境 train_list格式&#xff08;test同理&#xff09;&#xff1a;图片路径\t标签 newLabels格式&#xff1a;标签 训练代码 impo…

HarmonyOS实战开发-自定义通知角标、如何设定应用的桌面图标角标的功能。

介绍 本示例主要展示了设定应用的桌面图标角标的功能&#xff0c;使用ohos.notificationManager 接口&#xff0c;进行桌面角标的设置&#xff0c;通知的发送&#xff0c;获取等。 效果预览 使用说明 在使用本应用时&#xff0c;需安装并启动仿桌面应用&#xff1b;在主界面…

绝地求生:杜卡迪来了,这些摩托车技巧不学一下吗?

摩托车在远古版本和现在完全不一样&#xff0c;虽然容易翻车造就了一批玩家“摩托杀手”的外号&#xff0c;但是速度可比今天快多了。 后来在蓝洞的削弱了其加速度&#xff0c;虽然资料上写着最高时速155km/h&#xff0c;但是平时游戏中一般只能拉到110~120km/h。这里写一点摩托…

Java多线程的线程状态和线程池参数

一、线程状态 当线程被创建并启动以后&#xff0c;它既不是一启动就进入了执行状态&#xff0c;也不是一直处于执行状态。线程对象在不同的时期有不同的状态。Java中的线程状态被定义在了java.lang.Thread.State枚举类中&#xff0c;State枚举类的源码如下&#xff1a; publi…

NODE MCU (ESP8285-ESP8266)用Arduino lDE 2.3.2烧录系统后串口监控不打印问题

问题: Arduino lDE 2.3.2,集合DOIT ESP-Mx DevKit板子,烧录代码后,串口监视器 打印不出来调试数据 分析: Arduino lDE 2.3.2工具提示,不支持调试 板载flash按钮无需按下,即可烧录系统,由于烧录和调试共用串口,所以怀疑是Arduino lDE 2.3.2在烧录时设置了串口的配置…

文献阅读:LESS: Selecting Influential Data for Targeted Instruction Tuning

文献阅读&#xff1a;LESS: Selecting Influential Data for Targeted Instruction Tuning 1. 文章简介2. 方法介绍 1. Overview2. 原理说明 1. SGD上的定义2. Adam上的定义 3. 具体实现 1. Overview1. LoRA使用2. 数据选择3. LESS-T 3. 实验考察 & 结论 1. 实验设计2. 主…

读《被讨厌的勇气》

大家好&#xff0c;我是老三&#xff0c;最近读了《被讨厌的勇气&#xff1a;“自我启发之父”阿德勒的哲学课》&#xff0c;读书笔记整理如下。 这是一本阿德勒心理学的入门科普&#xff0c;先来了解一下阿德勒其人&#xff0c;阿德勒曾是大名鼎鼎的弗洛伊德的门徒&#xff0c…

Python学习笔记20 - 模块

什么叫模块 自定义模块 Python中的包 Python中常用的内置模块 第三方模块的安装与使用