Question

使用iframe，我的网站用户如何在不重新加载整个页面的情况下上传文件？我发现了很多jQuery插件，但它们对于这个任务来说太大了。用户只需上传一个文件而不填写其他输入。

Answer 1

iframe是一个加载到页面内的整个html页面。您需要做的就是创建一个html页面，其中包含一个允许用户选择文件的表单，然后有一个上传按钮（一个提示按钮，表示上传）或者使用带有“onchange”事件的javascript来自动上传文件。只需将它全部加载到iframe中。

另外，如果您需要将文件名提供给iframe的父窗口，那么当文件上传时，您还必须让javascript将文件名传递给父窗口。

这是我使用的一些代码的精简版本。将其放在普通的html页面内，并将该页面加载到iframe中。

表格：

<form action="thispagename.html" method="post" enctype="multipart/form-data">
    <input type="file" id="userfile" name="userfile" value="" onchange="SendToParent(this, 'fieldinparent')" /><br/>
    <button type="submit" id="uploadfile" name="uploadfile">Upload File</button>
</form>

Javascript：

function SendToParent(origin, destination)
{
    parent.document.getElementById(destination).value = origin.value;
}

基本上，如果你需要它自动提交，你可以在“onchange”事件中添加一个额外的功能来处理自动提交。

Answer 2

您可以使用ajax。 Jquery和其他库和插件使这很容易

PHP iframe一个文件上传

2 个答案: