实现pdf上传、预览、下载（pdfobject.js）

最新推荐文章于 2023-07-28 17:39:35 发布

_cx_123

最新推荐文章于 2023-07-28 17:39:35 发布

4920

分类专栏： web

本文链接：https://blog.csdn.net/weixin_38260896/article/details/88812767

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

实现pdf上传、预览、下载（pdfobject.js）

使用pdfobject.js实现预览和下载
文件上传
- - input标签
  - 获取上传文件的路径

使用pdfobject.js实现预览和下载

<html>
<head>
<title>pdf_view</title>
</head>
<body>
	<div id="pdf"></div>
</body>
<script type="text/javascript" src="pdfobject.js"></script>
<script type="text/javascript">
window.onload = function() {
        PDFObject.embed("pdf路径", "#pdf");
    };
</script>
</html>

文件上传

input标签

<input id="addFile" type="file"  accept="application/pdf">

获取上传文件的路径

var file = $('#addFile').get(0).files[0];
src = getFilePath(file);

function getFilePath(file){
		//获取文件路径
		var url = null;
            if (window.createObjcectURL != undefined) {
                url = window.createOjcectURL(file);
            } else if (window.URL != undefined) {
                url = window.URL.createObjectURL(file);
            } else if (window.webkitURL != undefined) {
                url = window.webkitURL.createObjectURL(file);
            }
            return url;
	}

 PDFObject.embed(src, "#pdf");

(仅作个人经验记录）

阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。去创作

_cx_123

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
2
评论
实现pdf上传、预览、下载（pdfobject.js）

实现pdf上传、预览、下载（pdfobject.js）使用pdfobject.js实现预览和下载文件上传input标签获取上传文件的路径使用pdfobject.js实现预览和下载<html><head><title>pdf_view</title></head><body> <div id="pdf"&gt...
复制链接

扫一扫