前端使用js-file-download下载文件和下载视频音频

一.下载文件（流）
1.安装js-file-download

npm install js-file-download --save

2.在页面引入

import fileDownload from "js-file-download";

3.调用导出接口

exportTextResult() {exportTextResult({ id: this.aid }).then(res => {fileDownload(res.data, `${this.fileName}.docx`);});},

4.文件格式出现问题（在api）

export const exportTextResult = params => {return request({method: 'GET',url: '/xxx/xxx',responseType: 'blob',   //重点要添加//    Body 参数使用data设置//    Query 参数使用哦个params 设置//    Headers 参数使用headers设置params})
}

二.下载视频音频

//template
<div class="img_download"><div class="down" @click="download(item.url, item.title)"></div>
</div>methods:{/*视频下载不经过blob*/download(e, f) {// 使用获取到的blob对象创建的urlconst a = document.createElement("a");document.body.appendChild(a);a.style.display = "none";a.href = e;// 指定下载的文件名a.download = `${f}`;a.click();},/*视频下载*/download(e) {// 使用获取到的blob对象创建的urlconst filePath = this.url // 视频的地址fetch(filePath).then(res => res.blob()).then(blob => {const a = document.createElement('a')document.body.appendChild(a)a.style.display = 'none'// 使用获取到的blob对象创建的urlconst url = window.URL.createObjectURL(blob)a.href = url// 指定下载的文件名a.download = ''a.click()document.body.removeChild(a)// 移除blob对象的urlwindow.URL.revokeObjectURL(url)})},
}

前端使用js-file-download下载文件和下载视频音频相关推荐

前端 js jQuery ajax实现文件流下载, 下载doc,xsl等文件内容乱码问题
问题描述: 前端通过jQuery ajax接受后端的文件流,前端下载文件后内容乱码后端代码: Header("Content-type: application/octet-stream& ...
new blob文件设置编码_前端下载文件amp;下载进度
前端最基础的就是 HTML+CSS+Javascript.掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些.前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础 ...
java file 下载文件_java下载文件的几种方式
public HttpServletResponse download(String path, HttpServletResponse response) { try { // path是指欲下载的 ...
iOS调用文件app(file.app)选择文件和下载
第三方应用调用系统文件app,并下载文件. ###配置如下 1:证书文件配置在Identifiers下创建你的iCloud Containers配置,点击"+"创建 2:在Ide ...
php 获取文件给用户下载,php 下载文件/直接下载数据内容
思路步骤 * 定义参数 * 魔术方法 * 执行下载 * 获取设置属性函数 * 获取设置文件mime 类型 * 获取设置下载文件名 * 设置header * 下载函数实现代码 class DownFi ...
python 下载文件-Python下载文件的11种方式
原标题:Python下载文件的11种方式在本教程中,你将学习如何使用不同的Python模块从web下载文件.此外,你将下载常规文件.web页面.Amazon S3和其他资源. 最后,你将学习如何克服 ...
python 下载文件-Python下载文件的方法
通过python采集时 ,经常需要从html 中获取图片或文件的URL并下载到本地,这里列举最常用的三种模块下载的方法:urllib模块.urllib2模块.requests模块.具体代码如下: im ...
python 下载文件-python下载文件的三种方法
Python开发中时长遇到要下载文件的情况,最常用的方法就是通过Http利用urllib或者urllib2模块,此外Python还提供了另外一种方法requests. 下面来看看三种方法是如何来下载文 ...
a href标签下载文件遇到下载失败打开文件的问题
a href download 此方法只能用于同一个域名的文件资源下载跨域或者三方平台的特殊资源图片(比如微信公众号资源图片)总是会打开资源,而非下载! <a href="/ima ...

前端使用js-file-download下载文件和下载视频音频

前端使用js-file-download下载文件和下载视频音频相关推荐

最新文章

热门文章