Javascript 如何调用文件夹中的PDF文件并通过输入文件夹名称将其显示在网页上？

我是一个学习HTML、CSS、PHP和javascript的初学者。我目前正在编写一个HTML页面，您可以在其中的文本框中输入文件夹的名称。提交时，将显示位于输入文件夹中的PDF文件。我试着在网上搜索，但找不到我特别想要的东西

现在，我所能做的就是将一个PDF文件链接到特定的文件（如下所示），将其嵌入到网页中。这是不实际的，因为我将有更多的文件夹在未来

<object data="FFF.pdf" type="application/pdf"></object>

简而言之，我需要的是让它像这样工作：

<form action="page.php" method=post>
    <input type=text name="pdf">
</form>

<?php
    <object data="uploads/$_POST[pdf]/FFF.pdf" type="application/pdf"></object>
?>

---

因为这是不可能的，我希望有一个替代方案。先谢谢你。

首先：不要那样做。这是一种安全风险：如果在POST数据中包含路径、路径的一部分或文件名，则可能会有人操纵POST调用，并访问服务器上他们不应该访问的内容

更好的选择：在数据库中列出您的文件及其文件路径，并为每个文件使用唯一但难以猜测的ID（通常是GUID）。当您当前将文件路径的一部分作为POST调用的一部分传递时，您应该传递该id。然后，负责呈现PDF的页面可以使用该id查找该id，找出该id引用的文件，并从DB获取该文件的正确路径

---

预订：您说过您正在创建：

“。可以在文本框中输入文件夹名称的HTML页面…”

---

我不确定你到底在这里建造什么，所以也许你所做的在你的环境中是完美的。但是，在一般情况下，您应该尝试遵循不公开服务器上文件结构的任何细节的原则。

我标记的更改，因为我认为调用文件需要PHP

调用文件
-您是指加载吗？在javascript中不“调用”文件，而是调用函数no。这只是一种爱好：）我使用HTML和PHP作为某种交互式数据库来学习这两种语言。我只是感兴趣和好奇。谢谢，在我进步的过程中，我会记住这一点，我认为这是一个很好的原则，任何学习的人都应该遵循。