iframe文件上传

使用iframe文件上传是一种常见的网页文件上传技术。通过动态创建一个隐藏的iframe元素，并将表单的target属性设置为该iframe的name属性，实现了无刷新的文件上传操作。

以下是使用iframe文件上传的步骤：

1. 首先，在HTML页面中创建一个iframe元素，并设置其id和name属性，例如：

   <iframe id="upload-iframe-unit" name="message_unit" style="display: none"></iframe>

2. 在表单的onsubmit事件中调用一个JavaScript函数，该函数用于动态生成一个具有随机名称的iframe，并将表单的target属性设置为该iframe的name属性。示例代码如下：

   <script type="text/javascript">
   function iframeUp() {
     var fname = 'up' + Math.random(); // 生成一个随机名称
     $("<iframe width='0' height='0' frameborder='0' name='" + fname + "'></iframe>").appendTo($('body')); // 动态生成一个iframe标签
     $("form:first").attr('target', fname); // 将form的target值改为iframe的name值
   }
   </script>

3. 在表单中添加文件上传输入框，并将其onchange事件设置为触发表单提交操作。示例代码如下：

   <form action="upload.php" onsubmit="return iframeUp();" method="post" enctype="multipart/form-data">
     <input type="file" name="pic" onchange="$('form').submit()" />
   </form>

通过以上步骤，当用户选择文件后，文件上传操作将在隐藏的iframe中进行，而不会影响当前页面的刷新。上传的文件将被提交到指定的服务器端处理脚本（例如upload.php），并可在该脚本中进行文件处理和保存操作。

请注意，以上示例代码仅提供了基本的使用iframe实现文件上传的概念和方法，具体的实现方式可能会因项目需求和环境差异而有所不同。