gpt4 book ai didi

javascript - 在上传到服务器之前预览 .doc/.docx/.pdf 文件

转载 作者:技术小花猫 更新时间:2023-10-29 12:09:49 25 4
gpt4 key购买 nike

我正在使用 HTML5 文件 API 来上传一些文档 (.doc/.docx/.pdf)。我想在将文档上传到服务器之前显示该文档预览。有没有办法在客户端做这样的事情?

附言Google Docs Viewer 不行,因为它需要可以从 Internet 访问文档。

最佳答案

我尝试创建一个小示例,它会在上传 PDF 文件之前显示 PDF 预览。

<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaScript PDF Viewer Demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
function PreviewImage() {
pdffile=document.getElementById("uploadPDF").files[0];
pdffile_url=URL.createObjectURL(pdffile);
$('#viewer').attr('src',pdffile_url);
}
</script>
</head>
<body>
<input id="uploadPDF" type="file" name="myPDF"/>&nbsp;
<input type="button" value="Preview" onclick="PreviewImage();" />

<div style="clear:both">
<iframe id="viewer" frameborder="0" scrolling="no" width="400" height="600"></iframe>
</div>
</body>
</html>

关于javascript - 在上传到服务器之前预览 .doc/.docx/.pdf 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17344636/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com