downFiles 下载文件方法

return: Promise

使用指南

全局使用 (推荐)

import {req} from './common/request/request.js'; //文件路径请换成本地路径
Vue.prototype.$req = req;   //挂载到原型上

局部使用

import {req} from './common/request/request.js';
const res = await req.downFiles({
    path: "http://pic.topmeizi.com/wp-content/uploads/2017a/04/08/01.jpg",
})

注意事项

此方法只能一次下载一个，如果需要批量下载则调用startDownFiles方法。

代码演示

1.简单使用

const res=await    this.$req.downFiles({
    path:'http://localhost:10086/static/hhyang.txt',
})
console.log(res)

2.带下载提示

const res = await this.$req.downFiles({
    path: 'http://localhost:10086/static/hhyang.txt',
    title: "正在下载"
})
console.log(res)

3.带拦截下载

const res = await this.$req.downFiles({
    path: 'http://localhost:10086/static/hhyang.txt',
    title: "正在下载",
    abort:(bt,params)=>{
        bt.abort();     //拦截此次下载
    }
})
console.log(res)

4.带额外参数下载

const res = await this.$req.downFiles({
    path: 'http://localhost:10086/static/hhyang.txt',
    title: "正在下载",
    name:'hhyang',
    ages:'21'
})
console.log(res)

5.带进度条下载

const res = await this.$req.downFiles({
    path: 'http://localhost:10086/static/hhyang.txt',
    abort: (bt,params) => {
        bt.onProgressUpdate(ps => {
            console.log('下载进度' + ps.progress);
            console.log('已经下载的数据长度' + ps.totalBytesWritten);
            console.log('预期需要下载的数据总长度' + ps.totalBytesExpectedToWrite);
        })
    }
})
console.log(res)

6.自定义header

const res = await this.$req.downFiles({
    path: 'http://localhost:10086/static/hhyang.txt',
    title: "正在下载",
    header:{
        "Content-Type":"text/plain; charset=UTF-8"
    }
})
console.log(res)

downFiles参数