Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
这个PHP/IFRAME文件上传是如何工作的?_Php_Ajax_Iframe_File Upload - Fatal编程技术网

这个PHP/IFRAME文件上传是如何工作的?

这个PHP/IFRAME文件上传是如何工作的?,php,ajax,iframe,file-upload,Php,Ajax,Iframe,File Upload,代码是如何工作的?我的意思是IFRAME的src属性设置为,那么upload.php如何知道表单已经提交 下面是代码:index.php: 您将表单操作设置为upload.php您将表单操作设置为upload.php如果您遵循HTML表单标记及其相关属性,则此代码中的流程非常简单。发生的情况如下: 选择上载 提交表格 onSubmit触发一个JS函数,该函数启用加载。。可视化并禁用上载表单。由于返回true,表单仍然提交。 表单提交是由于'target='属性而在iFrame中完成的。通过该操作

代码是如何工作的?我的意思是IFRAME的src属性设置为,那么upload.php如何知道表单已经提交

下面是代码:index.php:
您将表单操作设置为upload.php您将表单操作设置为upload.php如果您遵循HTML表单标记及其相关属性,则此代码中的流程非常简单。发生的情况如下:

选择上载 提交表格 onSubmit触发一个JS函数,该函数启用加载。。可视化并禁用上载表单。由于返回true,表单仍然提交。 表单提交是由于'target='属性而在iFrame中完成的。通过该操作,可以使iFrame源代码“upload.php” Upload.php是从iFrame中调用的。 php结果调用主窗口JS函数“stopUpload”,通知要采取的其余操作。
此脚本将正常工作,尽管其结果可能会在跨浏览器时发生更改。这是一个快速AJAX上传实现的好脚本

如果遵循HTML表单标记及其相关属性,则此代码中的流程非常简单。发生的情况如下:

选择上载 提交表格 onSubmit触发一个JS函数,该函数启用加载。。可视化并禁用上载表单。由于返回true,表单仍然提交。 表单提交是由于'target='属性而在iFrame中完成的。通过该操作,可以使iFrame源代码“upload.php” Upload.php是从iFrame中调用的。 php结果调用主窗口JS函数“stopUpload”,通知要采取的其余操作。
此脚本将正常工作,尽管其结果可能会在跨浏览器时发生更改。这是一个快速AJAX上传实现的好脚本

哎呀。。。愚蠢的家伙应该正确地阅读代码。。。我的错。。谢谢你的帮助…哦。。。愚蠢的家伙应该正确地阅读代码。。。我的错。。感谢您的帮助…我想尝试一下,但我不知道-如果您添加另一个文本字段、复选框等,它会说明将表单提交到哪个文件?例如,我有一个文件将表单结果放在了database.php中,我想在上传文件后将表单结果提交到该文件中。我应该在哪里指定?我想尝试一下,但我不知道-如果您添加另一个文本字段、复选框等,它会在哪里说明要将表单提交到哪个文件?例如,我有一个文件将表单结果放在了database.php中,我想在上传文件后将表单结果提交到该文件中。我在哪里指定?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Max's AJAX File Uploader</title>
   <link href="style/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
<!--
function startUpload(){
      document.getElementById('f1_upload_process').style.visibility = 'visible';
      document.getElementById('f1_upload_form').style.visibility = 'hidden';
      return true;
}

function stopUpload(success){
      var result = '';
      if (success == 1){
         result = '<span class="msg">The file was uploaded successfully!<\/span><br/><br/>';
      }
      else {
         result = '<span class="emsg">There was an error during file upload!<\/span><br/><br/>';
      }
      document.getElementById('f1_upload_process').style.visibility = 'hidden';
      document.getElementById('f1_upload_form').innerHTML = result + '<label>File: <input name="myfile" type="file" size="30" /><\/label><label><input type="submit" name="submitBtn" class="sbtn" value="Upload" /><\/label>';
      document.getElementById('f1_upload_form').style.visibility = 'visible';      
      return true;   
}
//-->
</script>   
</head>

<body>
       <div id="container">
            <div id="header"><div id="header_left"></div>
            <div id="header_main">Max's AJAX File Uploader</div><div id="header_right"></div></div>
            <div id="content">
                <form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" >
                     <p id="f1_upload_process">Loading...<br/><img src="loader.gif" /><br/></p>
                     <p id="f1_upload_form" align="center"><br/>
                         <label>File:  
                              <input name="myfile" type="file" size="30" />
                         </label>
                         <label>
                             <input type="submit" name="submitBtn" class="sbtn" value="Upload" />
                         </label>
                     </p>

                     <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
                 </form>
             </div>
             <div id="footer"><a href="http://www.ajaxf1.com" target="_blank">Powered by AJAX F1</a></div>
         </div>

</body>   
</html>
<?php
   // Edit upload location here
   $destination_path = getcwd().DIRECTORY_SEPARATOR;

   $result = 0;

   $target_path = $destination_path . basename( $_FILES['myfile']['name']);

   if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $target_path)) {
      $result = 1;
   }

   sleep(1);
?>

<script language="javascript" type="text/javascript">window.top.window.stopUpload(<?php echo $result; ?>);</script>