startDownFiles 开始下载文件到本地

return: Promise

使用指南

全局使用 (推荐)
  1. //main.jsimport {df} from './common/request/request-downFiles.js'; //文件路径请换成本地路径Vue.prototype.$df = df; //挂载到原型上
局部使用
  1. import {df} from './common/request/request-downFiles.js';const res = await df.downFiles({ path: 'http://localhost:10086/static/hhyang.txt', //换成自己需要的下载地址})console.log(res);

注意事项

DonwFiles类继承于Request类,你可以在实例化后的DonwFiles类中使用Request中的方法,而非说在重复导入Request.js。startDownFiles是downFiles的升级版 支持多文件下载。downFiles中的所有参数在startDownFiles一样可以使用,仅是path发生了变化而已 查看所有方法

代码演示

1.简单使用
  1. const res = await this.$df.startDownFiles({ path: 'http://localhost:10086/static/hhyang.txt', //换成自己需要的下载地址})console.log(res);
2.带下载提示
  1. const res = await this.$df.startDownFiles({ path: 'http://localhost:10086/static/hhyang.txt', //换成自己需要的下载地址 title:'正在下载',})console.log(res);
3.带进度条下载
  1. const res = await this.$df.startDownFiles({ path: 'http://localhost:10086/static/hhyang.txt', abort: (params,bt) => { bt.onProgressUpdate(ps => { console.log('下载进度' + ps.progress); console.log('已经下载的数据长度' + ps.totalBytesWritten); console.log('预期需要下载的数据总长度' + ps.totalBytesExpectedToWrite); }) }})console.log(res)
4.批量下载
  1. const res = await this.$df.startDownFiles({ path: ['http://192.168.0.29:10086/static/hhyang.txt', 'http://192.168.0.29:10086/static/cxq.jpg'], title:'正在下载',})console.log(res)//orconst res = await this.$df.startDownFiles({ path: 'http://192.168.0.29:10086/static/hhyang.txt,http://192.168.0.29:10086/static/cxq.jpg', title:'正在下载',})console.log(res)
5.带拦截下载
  1. const res = await this.$df.startDownFiles({ path: 'http://localhost:10086/static/hhyang.txt', //换成自己需要的下载地址 title:'正在下载', abort:(params,bt)=>{ if(params.index==0){ bt.abort(); } }})console.log(res);
6.自定义header
  1. const res = await this.$df.startDownFiles({ path: 'http://localhost:10086/static/hhyang.txt', title: "正在下载", header:{ "Content-Type":"text/plain; charset=UTF-8" }})console.log(res)

startDownFiles参数