vue移动端下载pdf文件
时间: 2023-09-19 18:07:01 浏览: 144
vue实现在线预览pdf文件和下载(pdf.js)
可以使用<a href="https://mozilla.github.io/pdf.js/">PDF.js</a>库来实现在Vue移动端下载PDF文件的功能。下面是一个简单的示例代码:
```html
<template>
<div>
<button @click="downloadPdf">下载PDF文件</button>
</div>
</template>
<script>
import pdfjsLib from 'pdfjs-dist'
export default {
methods: {
async downloadPdf() {
const pdfUrl = 'http://example.com/sample.pdf'
const loadingTask = pdfjsLib.getDocument(pdfUrl)
const pdf = await loadingTask.promise
const pdfData = await pdf.getData()
const blob = new Blob([pdfData], { type: 'application/pdf' })
const link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
link.download = 'sample.pdf'
link.click()
}
}
}
</script>
```
首先要引入`pdfjsLib`,然后在`downloadPdf`方法中,通过`pdfjsLib.getDocument`方法获取PDF文件的数据,并通过`Blob`对象创建一个二进制文件,最后通过`a`标签的`href`属性和`download`属性实现下载。
阅读全文