使用弹出窗口上传文件 PHP

Question

美好的一天，
我目前正在设计一个包含 10 个字段的 form（其中 3 个需要上传文件，而其他的则使用普通的 <input> 函数）。这里我只展示一个带有上传功能的表单示例代码，当用户点击表单上的输入时，它将触发弹出框。

<form name="form1" action="process.php" method="post">
    <input type="text" id="form_ic" name="form_ic" size="30" onClick="return popup('pdf.php')">
    <a href="javascript:popup('pdf.php')">[Upload]</a>
</form>

对于上传文件功能，我需要从原始表单 php 中创建一个弹出框 (pdf.php) 以显示要上传文件的条款（例如，文件必须仅为 .pdf 等在）。真正的上传功能只在pdf.php中的表单上实现如下：

<form name="pdf_upload" action="index.php" method="post" accept-charset="utf-8" enctype="multipart/form-data">
    <input type="file" name="uploadfile" id="uploadfile">
    <button type="submit" name="submit" value="Upload" onClick="window.close();">Upload</button>
</form>

问题来了，

此原始表单的目的是注册用户个人资料。所以我想要做的是，在用户从上传弹出框中选择文件后，文件将被传输回原始表单。用户上传的文件名会以原形式显示在<input type="text" id="form_ic">后面。转回原始表格的 pdf 文件将连同其他字段详细信息（例如姓名、年龄等）一起提交。供您参考，由于有 3 个字段使用与弹出相同的上传功能，我将实现相同的弹出功能。

我无法将 pdf 文件从弹出 php 传输到原始表单 php，并以原始表单 php 显示上传文件的名称。我真的需要社区的意见来解决这个问题。

我很清楚，要将 .pdf 文件的名称显示到 <input>，您需要 javascript .innerHTML 函数，但我无法从 pdf.php 中检索上传的 .pdf 文件.这可能是由于我的代码设计问题。我不确定我的问题是否需要 AJAX。请帮我。

谢谢。

Answer 1

你的大部分代码都是正确的，但你需要改变你的方法。

首先，从您的弹出窗口 (pdf.php) 中，您应该上传文件。目前您正在调用 'window.close'，因此文件未提交且上传功能未发生。在模态框（Pop-Up）打开的情况下，让文件上传，然后通过ajax，检查是否成功。如果是，那么您可以返回保存在服务器上的文件的名称。这个文件名，你可以传递给你的主表单（字段应该是不可编辑的）

其次，您应该更改您的 JS 代码，以便每当您调用弹出窗口时，您都会发送主窗体的 TextField 的 ID，以便在文件上传后，javascript 将文件名发送到同一字段。

如果您需要更多基于代码的示例，则应参考此示例http://www.web-development-blog.com/archives/upload-in-modal-window-and-pass-values-with-jquery/

以上示例的演示页面可以在：http://www.finalwebsites.com/demos/modal_upload_jquery_thickbox.php

希望这有助于解决您的问题。