pdf预览(你需要的文件预览功能)

pdf预览是利用pdf (portable document format)的一种技术来预览和打印多行文件格式，是一种全新的文件打印技术，读者无须繁杂的下载过程，而是能快速用鼠标完成简单的预览，即能精确的看到pdf文件页面的真实情况, 以此来更好的判断般文件内容和它是否有针对性。
pdf预览能够提供无缝集成，可以实现在不同设备上无声翻页，包括移动设备，桌面电脑等。同时它几乎支持所有现有的浏览器，不管是internet explore、firefox还是chrome等浏览器，它也无所不支持。
pdf预览的功能还可以提供强大的搜索：pdf文档的每一个关键字都将被搜索出来，并显示出搜索结果，使读者可以轻松简便的找到某一特定内容。此外，reader可以在pdf 预览阅读时，根据需求不同设置不同的电子书分辨率，以提高阅读精度和体验，交互性更强。
最后，一定要说说非常出色的pdf预览性能，它已取得较强的工作实效，节省了很多千丝万缕的预览/下载工作，无缝的效果也可令使用者的观看乐趣更高。多媒体，多源知识可以迅速引向、整合，方便、快捷的javascript代码模式可以将它添加到电子文档中，开启了新一代文本阅读模式。
pdf预览无疑已经起到了极大的作用，以其轻量代码得到许多用户之青睐，真正令用者体验到了拥有pdf文件的乐趣与快乐。它的出现无疑使得效率得到大大改善，提供给读者更加清晰直观电子银行。功能多样，文件够安全，完全不同于前一代的pc程序的作出的无名的文本流，真正为使用者带来了真正的乐趣！

pdf预览大小不一

/**
项目名称
1.百度
2.阿里
3.腾讯
4.新浪
| 项目 | 估值 |
| 众创空间 | 558 亿 |
|投哪儿 | 56亿 |
|优家 | 56亿 |
|人人住房 | 56亿 |
*/

pdf预览下载

* @class previewservice
* @example
* preview.previewpdf()
*/
let previewservice = function () {
// outpside method
let outer = {
previewpdf
}
/**
* pdf文件预览和下载
* @param {string} url 文件url
* @param {number} type 类型 0-预览， 1-下载
* @param {string} downpreviewname 下载文件的名字（后期要扩展应该传入文件自身的名字）
*/
async function previewpdf(url, type, downpreviewname = '文档.pdf') {
console.log(url)
if (!url) {
window.vm.$message.error('文件无法预览，请检查 url 是否生效')
return
}
// comment wait
await new promise(function (resolve, reject) {
window.fetch(url).then(res => res.blob()).then(function (blobinfo) {
// console.log(blobinfo)
if (type == 0) {
let tempbrowserobject = window.url || window.webkiturl
let showurl = tempbrowserobject.createobjecturl(blobinfo)
// console.log(showurl)
let xwin = window.open(showurl, 'blank')
} else {
// const lemimetype = res.headers.get('content-type')
const ledownloadfilename = downpreviewname
// console.log(ledownloadfilename)
const blodinfofordownload = new blob([blobinfo], { type: 'aplication/pdf' })
let tempurl = window.url.createobjecturl(blodinfofordownload)
let downlink = document.createelement('a')
downlink.href = tempurl