JSFiddle - React, Tailwind, and code Playground

by Ali Shahkochaki

HTML

<?php 
if (isset($_FILES['myfile']))
{
     $target_path="image/".$_FILES['myfile']['name']; 
     $result = 0;   
     if(@move_uploaded_file($_FILES['myfile']['tmp_name'], $target_path)) 
       $result = 1;   
 ?>
 <script language="javascript" type="text/javascript">   window.top.window.stopUpload(<?php echo $result; ?>);</script> 





<?php 
} else 
{ ?>


<script language="javascript">
function startUpload(){    
    document.getElementById('f1_upload_process').style.visibility = 'visible';    
	return true;
}
function stopUpload(success){     
     var result = '';      
	 if (success == 1){         
	       document.getElementById('result').innerHTML ='<span >The file was uploaded successfully!</span><br/><br/>';      
     }else { 
	       document.getElementById('result').innerHTML ='<span >There was an error during file upload!</span><br/><br/>';      
     } 
	 document.getElementById('f1_upload_process').style.visibility = 'hidden';     
	  return true;   
  }
</script>
<h1>File Upload Form </h1>
<hr>
<p id="f1_upload_process" style="z-index:100;position:absolute;visibility:hidden;">Loading...<br/>
<img src="image/wait.gif" /></p>
<p id="result" ></p>
<p >
<form action="upload.php" method="POST" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" >    
File: <input name="myfile" type="file" />        
  <input type="submit" name="submitBtn" value="Upload" />
  </form> 
</p>  
  <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>  

<?php } // end if ?>