将文件从输入传输到 iframe JavaScript

Transferring a file from an input to an iframe JavaScript

本文关键字:iframe JavaScript 传输 输入 文件      更新时间:2023-09-26

我正在做一个项目:我需要提取PDF文件的文本并将该文本放在"div"中。

目前,我设法通过使用标签来做到这一点 <iframe> .

但它仅在我知道 PDF 文件的路径时才有效,例如:src="nameofthefile.pdf" or src="folder/nameofthefile.pdf"......现在我希望得到相同的结果,但是当前端的外部用户上传此PDF文件时。

所以我考虑了标签<input id="input" type="file">但是当我单独使用它与我的 PDF 一起使用时,我管理但文本仍然被编码......

所以这是我的问题(对不起这四个问题... :P(

0( 首先,解码 PDF 文本是否容易,以便我只能使用 <input> 标签?

1(如果没有,我们可以在输入中取回文件并将其存储在iframe中吗?(感谢JavaScript(

2(如果第二个问题的答案是"否",是否有一种方法可以在iframe中上传PDF文件并为该框架提供特殊的"src"属性。或者是否可以动态定义属性"src"(例如在日常语言中:"如果用户上传PDF文件,我的程序能够知道PDF在这个精确的位置,因此它可以提取文本"?

3(或者最后一个问题:是否可以仅使用javascript或JQuery但没有AJAX或PHP来上传文件,这要归功于标签<iframe>?如果不是,我应该使用哪种方法?

(我真的不想使用像PHP^^这样的后端技术(

总结一下我的代码:我将 https://github.com/hubgit/hubgit.github.com/tree/master/2011/11/pdftotext 中的代码集成到我的项目中。但是您需要知道 PDF 的 src

...

谢谢。

我真的不知道你是否可以从PDF中"提取"文本。但我认为具有"特殊"src 属性的部分将是使用 php 的最简单方法。

<?php 
$file = //Some Code for choosing the newest file in a directory;
echo '<iframe src="',$file,'"></iframe>';
?>