<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0' >

<div id=sbcont><div  class="vsmenu">      	
	<a href="zlisalist60.php" >User</a>
	<a href="zlisalist60.php" class=active>&nbsp;&nbsp;&nbsp;&nbsp;My</a>
	<a href="zlisalist60a.php" >&nbsp;&nbsp;&nbsp;&nbsp;User Score All</a>
	<a href="zprog_list.php" >Program</a>
	<a href="zprog_list.php"  >&nbsp;&nbsp;&nbsp;&nbsp;Program</a>
	<a href="zprog_listd.php" >&nbsp;&nbsp;&nbsp;&nbsp;List Program</a>
	<a href="zlistq.php">&nbsp;&nbsp;&nbsp;&nbsp;List Question</a>
	<a href="zall_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;List all items</a>
	<a href="cloud3.php"  class=>&nbsp;&nbsp;&nbsp;&nbsp;Cloud3</a>
	<a href="zsuperu2.php" >SU</a>
<a href="cosmos.php" class="">&nbsp;&nbsp;&nbsp;&nbsp;cosmos</a>
	<a href="cloud.php" >&nbsp;&nbsp;&nbsp;&nbsp;cloud</a>
<a href=https://on.itlgx.xyz/zcreate_difa4.php?t=t>&nbsp;&nbsp;&nbsp;&nbsp;attcProfile</a>
<a href="sky.php" class="">&nbsp;&nbsp;&nbsp;&nbsp;Sky</a>
<a href="sky2.php" class="">&nbsp;&nbsp;&nbsp;&nbsp;Sky2</a>

<a href="zregister.php" >&nbsp;&nbsp;&nbsp;&nbsp;AddUserR1</a>
	<a href="zprof_list.php"  >&nbsp;&nbsp;&nbsp;&nbsp;Profile</a>
	<a href="zprof_listd.php">&nbsp;&nbsp;&nbsp;&nbsp;List Address</a>
	<a href="zlistpf.php">&nbsp;&nbsp;&nbsp;&nbsp;List Profile</a>
	<a href="zallpf_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;List all items</a>
	<a href="zallpfa_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;List all items/users</a>
	<a href="zallpfa2_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;all items/users</a>
	<div class=rsslbar_body>
       <a href="earth.php"  >earth</a>

<h3>Rec.Numbers <span id="count3" </span></h3>
<br><br>
	<img src="venus.png" width=80px height=80px>
</div></div></div>

<div id="snackbar2">Data Saved <br>message<br>..</div>
<div id="snackbar5" > <span class=close5 onclick=closeme5("snackbar5"); >&#x2715;</span><div id=snackbar5cont></div><br></div>
<div id="snackbar6" > <span class=close6 onclick=closeme6("snackbar6"); >&#x2715;</span><div id=snackbar6cont></div><br></div>
<div id="snackbarx" > <span class=closex onclick=closemex("snackbarx"); >&#x2715;</span><span id="uuploadid" name="uuploadid">0</span>|
 <input type="file" name="file" id="file" onchange="preview()">
    <img id="frame" src="" max-width="100%" height="32px"/>
  <input type="button" id="btn_uploadfile"      value="Upload" 
     onclick="uploadFile(document.getElementById('uuploadid').innerHTML,'<?php echo $id;?>');" > </div>

<div id="rsslbar" class="rsslbar vrmenu">
  <div class=rsslbar_title onclick="rsslbar_off()"><span title="Setting"></span> </div><br><br>
  <a href="javascript:void(0)" class="closebtnr" onclick="rsslbar_off()">&times;</a>  
  
  <a href="#" class="active">Q/A</a>
  <a href="#">Services</a>
  <a href="#">Clientss</a>
  <a href="#">Contact</a>  
  <div class=rsslbar_body>  
	<br>
	User Name:<?php echo htmlspecialchars($username);?>
  <hr>
Current LANG:<span id=lang><?php echo $_SESSION['lang'];?></span>
<br><button class="button1 grey" onclick=setlang("th")>TH</button>/<button class="button1 grey" onclick=setlang("en")>EN</button>
  </div>

</div>
<div id="lsslbar" class="lsslbar vlmenu" onclick="lsslbar_off()">
<div class=lsslbar_title><></div><br><br>
    <a href="javascript:void(0)" class="closebtn" onclick="lsslbar_off()">&times;</a>  
  <a href="#" class="active"  >About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
</div>

<div id="extbar" class="extbar" onclick="extbar_off()">
<a href="javascript:void(0)" class="closebtn" onclick="extbar_off()">&times;</a> 
	<br><br><div class=extbar_title >info</div>
	<div class=extbar_body>
	<div class=extbar_body_in>
	iNfO<br>
	User Name:<?php echo htmlspecialchars($username);?>	
	</div>
	<button class="button red d-center" onclick="extbar_off()"></span>Close</button>
	</div>
	
</div>
<div id="alertbar" class="alertbar" onclick="alertbar_off()">

<div class=extbar_body_in>
	info<br>	
	User Name:<?php echo htmlspecialchars($username);?>	
	</div>
	
	
	
</div>
<div id=maincont>
	
	<span class="breadcrumb">	<a  href="welcome.php">Home</a>&nbsp;/
	<a  href="zprogram.php" class=active>back Office</a>&nbsp;/ 
	<a  href="kosmo.php" class=active>Dashboard</a>&nbsp;/ 
        <a href="logout.php" class="btn btn-danger">Sign Out of Your Account</a>
	</span>

<div id=topbar>		
		<span class=whead>WMenu</span><span class=mhead >&#10216;</span>
		<span id="logo" class="icon icon-logo" ></span>	
		<span class=right >				
			<a  style="padding-left:1px;" href="#" onclick="extbar_on();"><span class="icon icon-warning" title="connected"></span></a>
			<a  style="padding-left:1px;" href="#" onclick="snackbar('<?php echo htmlspecialchars($username);?>	');"><span class="icon icon-user" title="HELLO <?php echo htmlspecialchars($username);?>	"></span></a>
			<a  style="padding-left:1px;" href="#" onclick=reloadme();><span class="icon icon-sync" title="sync data"></span></a>
			<a  style="padding-left:1px;" href="#" onclick="rsslbar_on();"><span class="icon icon-gear" title="Setting"></span></a>

			<a  style="padding-left:1px;" href="logout.php" ><span class="icon icon-logout" title="Logout"></span></a>				
		</span>
</div>
<link rel="stylesheet" type="text/css" href="shirt.css">
<script type="text/javascript" src="shoes.js"></script>

<p>Click on Upload Icon (top-left) to start  choose file  to upload </p>
                    <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
                        <div class="form-group <?php echo (!empty($title_err)) ? 'has-error' : ''; ?>">
                            <label>Profile Picture</label><br>
                            <input type="hidden" name="title" size="50%" class="form-control"  value="profile_pic">
                            <span class="help-block"><?php echo $title_err;?></span>
                        </div>
                        <div class="form-group <?php echo (!empty($description_err)) ? 'has-error' : ''; ?>">
                            <label id=description>Need File for upload...</label>
                            <input type="text" name="description" size="50%" class="form-control"  value="<?php echo $description; ?>" required="required" style="visibility: hidden;">
                            <span class="help-block"><?php echo $description_err;?></span>
                        </div>                        
                        <div class="form-group <?php echo (!empty($scode_err)) ? 'has-error' : ''; ?>">
                            <label></label><br>

</div>
                        <input type="submit" class="button1 blue" value="Upload">
<a href="javascript:history.go(-1);" class="button1 green" style="color:black;">Cancel</a>

</form>
  </div>
</div></div>
<script>
function preview() {
    frame.src=URL.createObjectURL(event.target.files[0]);
}

function hideu2(y){
  snackbarx();
	var x = document.getElementById("uupload");
	//var x = document.getElementById("rf2");
	 document.getElementById("uuploadid").innerHTML=y;
	// alert(y);

if (x.style.display === "none") {
    x.style.display = "block";
 
  }
}
function uploadFile(id,sdir) {
	//x=document.getElementById("uuploadid").innerHTML;
// alert(idx);
   var files = document.getElementById("file").files;
 var x = document.getElementsByName("title")[0];
 var y = document.getElementsByName("description")[0];
 var yy = document.getElementById("description");
if (!y) return;
 x.value="profile_pic";
 var filess = document.getElementById("file").files[0];
      if   ( filess .size > 1700000  ) {
alert("Not Allowed : File " + filess .name + " size is  >" + (filess .size /1024/1024).toFixed(2) + " Mib");
return 0;
}
 //alert(x.value);
   if(files.length > 0 ){
hh=location.host;
hrm=hh.replace(".","");
hrm=hrm.replace(".","");
sdir=hrm+sdir;

var formData = new FormData();
      formData.append("file", files[0]);
formData.append("idx", id);
formData.append("sdirx", sdir);
      var xhttp = new XMLHttpRequest();

// Set POST method and ajax file path
//      xhttp.open("POST", "https://on.itlgx.xyz/uln2.php?id"+id+sdir, true);
//   xhttp.open("POST", "https://t.kunok.com/uln4.php?id"+id+sdir, true);
//     xhttp.open("POST", "https://s.itlgx.xyz/uln4.php?id"+id+sdir, true);
     xhttp.open("POST", "https://lake.kunok.com/uln4.php?id"+id+sdir, true);

// call on request changes state
      xhttp.onreadystatechange = function() {
         if (this.readyState == 4 && this.status == 200) {

var response = this.responseText;
		 //  var d = JSON.parse(response);
		 // alert (response);
		   acode=atob(response);
		   var d = JSON.parse(acode);
		  // alert(d.code);
           if(d.code == 1){
             // alert("Upload '"+sdir+":"+files[0].name+"' successfully.");
          //   alert("Upload '"+d.file+"' successfully.");
             y.value=d.file;
            // alert(d.file);
yy.innerHTML =d.file;
             closemex("snackbarx"); 
    
             
             
		//	  location.reload();

}else{
              alert(response+"File not uploaded.");
           }
         }
      };

// Send request with data
      xhttp.send(formData);

}else{
      alert("Please select a file");
   }

}
</script>

<p id=demo></p>
      </section>
</div>
   
<style>
#main {
margin:auto;
}
section {
  position: relative;
  background-color: rgba(169,169,169,.19);//#fff;
  border-radius: 7px;
  padding: 5px 30px 30px;
  margin: 10px;
  max-width: 180px;
  	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
				flex: 31%;
				
}
.section2 {
  max-width: 80%;
}
@media screen and (max-width: 900px) {
section {
 max-width: 440px;
}
}
.flex {
  display: flex;
}

.container {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1400px;
  margin: auto;
}

.info {
  justify-content: space-between;
  border-bottom: 1px solid rgba(169,169,169,.59);
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 90%;
  margin: auto -15px 30px;
}

.code {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 160px;
  height: 0;
  left: 0;
  margin: auto;
  line-height: 1.6;
  transition: visibility 0s, opacity 0.5s linear;
}

</style>

Edit file:zcreate_difa4n.php19891