java移动端下载附件_H5移动端附件下载

H5移动端附件下载

1. 使用 window.open() 进行下载

window.open(file.fileUrl)

2. 使用 a 标签创建隐藏的可下载链接

let ele = document.createElement('a')

ele.download = file.fileName

ele.style.display = 'none'

ele.href = file.fileUrl

document.body.appendChild(ele)

ele.click()

document.body.removeChild(ele)

3. 使用 iframe 进行下载

let myFrame = document.createElement('iframe')

myFrame.src = file.fileUrl

myFrame.style.display = 'none'

document.body.appendChild(myFrame)

window.open(file.fileUrl)

4. 使用 FileSaver.js 插件下载

4.1 Vue项目中导入并使用下载附件

# 下载安装 file-saver 插件

$ cnpm install file-saver --save

import { saveAs } from 'file-saver'

saveAs(fileUrl, fileName)

4.2 FileSaver.js 的其他知识

保存文本

var FileSaver = requir