Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > [javascript] ขอด่วนมาก!!! เรื่อง อัพโหลดไฟล์ โดยไม่ใช้ input file อะครับ ใช้ javascript เหมือน jquery plugin หลายๆตัวที่เขาทำกัน...



 

[javascript] ขอด่วนมาก!!! เรื่อง อัพโหลดไฟล์ โดยไม่ใช้ input file อะครับ ใช้ javascript เหมือน jquery plugin หลายๆตัวที่เขาทำกัน...

 



Topic : 093683



โพสกระทู้ ( 46 )
บทความ ( 0 )



สถานะออฟไลน์




อัพโหลดไฟล์ โดยไม่ใช้ input type file อะครับ
ใช้ javascript เหมือน jquery plugin หลายๆตัวที่เขาทำกันคือกดที่ปุ่มหรือรูปภาพแล้วให้หน้าต่าง Upload ไฟล์มันเด้งขึ้นมา
คล้ายๆ Facebook เวลาเปลี่ยนรูปประจำตัวหรือรูปปกอะครับ
ช่วยหน่อยนะครับ พอดีต้องการมากเลยครับ เพราะถ้าเอา input มาวางไว้บนหน้าเว็บมันไม่สวย



Tag : JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-04-10 20:05:34 By : phoomin2012 View : 899 Reply : 4
 

 

No. 1



โพสกระทู้ ( 46 )
บทความ ( 0 )



สถานะออฟไลน์


ช่วยตอบด้วยคราบบบ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-10 21:56:53 By : phoomin2012
 


 

No. 2



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

มันใช้ประมาณนี้ครับ

JavaScript Input type file: Changing browse button


เค้าอาาจจะใช้การซ่อนเอาไว้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-11 06:27:35 By : mr.win
 

 

No. 3



โพสกระทู้ ( 46 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณมากเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-11 11:06:24 By : phoomin2012
 


 

No. 4



โพสกระทู้ ( 46 )
บทความ ( 0 )



สถานะออฟไลน์


ผมลองเอาไปดัดแปลงในเว็บผมแต่มันก็ไม่ได้อะครับ

Edit.php : Code (PHP)
<?

$q = mysql_query("SELECT * FROM `".PRE."user` WHERE `uid`='".$uid."'");
$user = mysql_fetch_array($q);
$you = $_POST['status'];
$yuid = $_POST['yuid'];

if(empty($user['img'])){
	$img = "image.php?id=13";
}else{
	$img = "image.php?id=".$user['img'];
}

if($user['status']==BAN){
	$status = '<font color="#FF0000">ถูกแบน</font>';
}elseif($user['status']==USER){
	$status = '<font color="#000000">ผู้ใช้ธรรมดา</font>';
}elseif($user['status']==ADMIN){
	$status = '<font color="#00CCCC">แอดมิน</font>';
}
?>
<div class="hero-unit">


	<form action="function_new/insert_img_user.php" method="post" name="formimguser" target="iframe_target" enctype="multipart/form-data" onSubmit="return ChkSubmit();">
	<iframe id="iframe_target" name="iframe_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>
    <script language="JavaScript">

		function ChkSubmit(result)
		{
			if(document.getElementByName("imguser").value == "")
			{
				alert('Please select file...');
				return false;
			}
			
			document.getElementById("divresult").innerHTML ="Uploading....";
			return true;
		}

		function showResult(result)
		{
			if(result==1)
			{
				document.getElementById("divresult").innerHTML = "<font color=green> Save successfully! </font>  <br>";
			}
			else
			{
				document.getElementById("divresult").innerHTML = "<font color=red> Error!! Cannot upload data </font> <br>";
			}
		}
	</script>
	<input type="file" name="imguser" style="display: none;">
    <input type="hidden" name="name" value="<?=$user['username'];?>" />
	<h1><a href="#" onClick="imguser.click();show_part_img.value=imguser.value;"><img src="<?=$img;?>" width="140" height="140" /></a> <?=$user['username'];?></h1><br />
    <div><input type="submit" value="show_part_img" /></div><div id="divresult"></div>
    </form>
    
    
    <form action="" method="post" name="formedit" id="formedit">
	<table class="table table-striped">
    	<tr>
        	<td width="190">User ID</td><td><?=$uid;?><input type="hidden" value="<?=$uid;?>" /></td>
        </tr>
        <tr>
        	<td>Username</td><td><?=$user['username'];?><input type="hidden" value="<?=$user['username'];?>" /></td>
        </tr>
        <tr>
        	<td>สถานะ</td><td><?=$status;?><input type="hidden" value="<?=$user['status'];?>" /></td>
        </tr>
        <tr>
        	<td>Coin</td><td><?=$user['coin'];?></td>
        </tr>
        <tr>
        	<td>ชื่อจริง</td><td><input type="text" value="<?=$user['name'];?>" /></td>
        </tr>
        <tr>
        	<td>นามสกุลจริง</td><td><input type="text" value="<?=$user['lastname'];?>" /></td>
        </tr>
        <tr>
        	<td>เพศ</td><td><input type="text" value="<?=$user['male'];?>" /></td>
        </tr>
        <tr>
        	<td>วันเกิด</td><td><input type="text" value="<?=$user['birthday'];?>" /></td>
        </tr>
        <tr>
        	<td colspan="2" align="center"><center>ตัวเลือก</center></td>
        </tr>
        <tr>
        	<td colspan="2" align="center"><center>
            <button type="submit" class="btn">บันทึก</button>
            </center></td>
        </tr>
	</table>
</form>
</div>


insert_img_user.php : Code (PHP)
<?

$name = $_POST['name'];
$fp = fopen($_FILES["imguser"]["tmp_name"],"r");
$ReadBinary = fread($fp,filesize($_FILES["imguser"]["tmp_name"]));
fclose($fp);
$FileData = addslashes($ReadBinary);

$q = mysql_query("SELECT * FROM ".PRE."user WHERE username='".$name."'");

if(mysql_query("INSERT INTO `".PRE."images` (`pid`, `name`, `img`, `detail`) VALUES (NULL, 'รูปภาพของ ".$name."', '".$FileData."', 'รูปภาพของ ".$name."');"))
{
	$q = mysql_query("SELECT * FROM images WHERE name='รูปภาพของ ".$name."'");
	$img_user = mysql_fetch_array($q);
	$sql = "UPDATE `".PRE."user` SET `img`='".$img_user['pid']."' WHERE `username`=".$name.";";
	mysql_query($sql);
	echo "<script>alert('Upload file successfully!');</script>";
	echo "<script>window.top.window.showResult('1');</script>";
}
else
{
	echo "<script>alert('Error! Cannot upload data');</script>";
	echo "<script>window.top.window.showResult('2');</script>";
}
?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-04-12 11:28:18 By : phoomin2012
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : [javascript] ขอด่วนมาก!!! เรื่อง อัพโหลดไฟล์ โดยไม่ใช้ input file อะครับ ใช้ javascript เหมือน jquery plugin หลายๆตัวที่เขาทำกัน...
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่