通过弹出窗口上传文件PHP

Question

美好的一天，
我目前正在设计一种包含10个字段的表单 （其中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">以原始格式显示在<input type="text" id="form_ic">中。 传输回原始表单的pdf文件将与其他字段详细信息（例如姓名，年龄等）一起提交。 供您参考，由于有3个字段使用带有弹出窗口的相同上载功能，因此我将实现相同的弹出功能。

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

我很清楚，要在<input>显示.pdf文件的名称，您将需要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

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