/**
 * 下載文件以及文件重命名
 * @param item 文件在數(shù)據(jù)庫中存儲信息
 * @param that this別名
 */
export function downFile(item, that) {
    // xxx是后臺接口， yyy是后臺需要的數(shù)據(jù)
    // {responseType: 'blob'}必須添加，否則下載的文件會出現(xiàn)亂碼
    that.$axios.post('xxx', {
        yyy
    },
    {
        responseType: 'blob'
    }).then(res = >{
        if (res.status === '0') {
            let types = ''
            // 判斷文件類型，補充type
            if (item.file_type === 'xlsx' || item.file_type === 'xls') {
                types = 'application/vnd.ms-excel'
            } else if (item.file_type === 'png') {
                types = 'application/x-png'
            } else if (item.file_type === 'jpg') {
                types = 'application/x-jpg'
            } else if (item.file_type === 'jpeg') {
                types = 'image/jpeg'
            }
            // res.data是后臺返回的二進制數(shù)據(jù)，type:types為下載的數(shù)據(jù)類型
            const blob = new Blob([res.data], {
                type: types
            }) const downLoadEle = document.createElement('a') const href = URL.createObjectURL(blob) downLoadEle.href = href
            // ooo為自定義文件名
            downLoadEle.download = 'ooo'document.body.appendChild(downLoadEle) downLoadEle.click() document.body.removeChild(downLoadEle) window.URL.revokeObjectURL(href)
        }
    })
}

import {downFile} from '.xx/xxx/xxx'
click(item) {
	const that = this
	downFile(item, that)
}