�����������֡��
A little text to describe your forum 
¤ÍÁ¾ÔÇàµÍÃìÈÖ¡ÉÒ  
 ÊÁѤÃÊÁÒªÔ¡(Register)��Ѥ���Ҫԡ(Register) 
 ªèÇÂàËÅ×Í���������   ¤é¹ËÒ����   ÃÒª×èÍÊÁҪԡ��ª�����Ҫԡ   ¡ÅØèÁ¼Ùéãªé���������� 
 ¢éÍÁÙÅÊèǹµÑÇ(Profile)��������ǹ���(Profile)   à¢éÒÊÙèÃкºà¾×èÍàªç¤¢éͤÇÒÁÊèǹµÑÇ�������к������礢�ͤ�����ǹ���   à¢éÒÊÙèÃкº(Log in)�������к�(Log in) 
UP load file

 
Forum ¹Õé¶Ù¡ÅçÍ¡ ¤Ø³äÁèÊÒÁÒöµÍº ËÃ×Íá¡éä¢ä´é   ËÑÇ¢é͹Õé¶Ù¡ÅçÍ¡ ¤Ø³äÁèÊÒÁÒöá¡éä¢ ËÃ×͵ͺä´é    ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ö¡ï¿½ï¿½ -> +�+WEB+�+
��ҹ��Ǣ�͡�͹˹�� :: ��ҹ��Ǣ�ͶѴ�  
����� ��ͤ���
ryuozero
Site Admin


�������: 13 Jul 2005
�ͺ: 1145

µÍºï¿½Íºï¿½ï¿½ï¿½ï¿½ï¿½: Thu Apr 23, 2009 12:40 am    ï¿½ï¿½ï¿½ï¿½Í§: UP load file µÍºâ´ÂÍéÒ§¢éͤÇÒÁ

PHP AJAX Upload

��ԧ������ҡ���¡��� AJAX ��� ^^ ���������ѹ��������ǡѹ��������෤�Ԥ��Ҵ��¡ѹ
����ͧ�ͧ����ͧ�Ҩҡ��� ���������� Form Upload File �·������ͧ���������������¹˹��

��ѧ�ҡ�Ң����Ũҡ Web ��ҧ����Ǿ����

���������ö��¹ Post Data ��ҹ xmlhttp �� (���ͧ�ҡ�Դ����ͧ������ʹ��¢ͧ Javascript
���������¹����ͧ��� Post Get ��ҹ xmlhttp Ẻ�����´����ա��)

��м������෤�Ԥ�������� Site ��ѹ �����������¤�Ѻ



--------------------------------------------------------------------------------


�ѹ�Ѻ�á��¹ Form Upload ��� Script Upload ��͹

upload.html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>Upload �������¹˹��</title>
</head>
<body>
<form id="frmUpload" action="upload.php" method="post" enctype="multipart/form-data">
�к� File ���� Upload �Ԩ��<br>
<input id="fileupload" name="fileupload" type="file">&nbsp;
<input id="btnUpload" type="submit" value="Upload ������">
</form>
</body>
</html>



upload.php


<?

$file = $_FILES['fileupload']['name'];
$typefile = $_FILES['fileupload']['type'];
$sizefile = $_FILES['fileupload']['size'];
$tempfile = date("Y-m-d")."-".$file;

copy($_FILES['fileupload']['tmp_name'],$tempfile);
echo "OK ";

?>



Script ������������á��褧����������ҡ �� html form upload file �·�� �� upload.php ��¹�Ѻ File ������
�µ�� upload.php ���� rename ���� ����ѹ���������� ��觶����ҹ Script ��� �к��������¹˹�����价��
˹�Ңͧ upload.php �觤���� OK �͡��


--------------------------------------------------------------------------------


���ҧ Target ���� Javascript ��Ǩ�ͺ������

���ͧ��������͡� Submit �ѹ�� Load ˹������ �й�鹼��֧���� Target ������� �ŷ�����ŧ����� Window ���� uploadtarget
�� Window ���� uploadtarget ������˹���Ẻ iframe ����� Razz ����˹�����ʴ���Ẻ 0 ���� ��м�������
Javascript ���͵�Ǩ�ͺ�����š�͹��� ������ͧ�к� path File �����


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>Upload �������¹˹��</title>

<script language="javascript">
function clickupload()
{
if ( document.getElementById('fileupload').value.length == 0 )
{
alert( '�к� File ���� Upload �Ԩ��' ) ;
return false ;
}
return true ;
}
</script>

</head>
<body>
<iframe id="uploadtarget" name="uploadtarget" src="" style="width:0px;height:0px;border:0"></iframe>
<form id="frmUpload" action="upload.php" method="post" enctype="multipart/form-data" onsubmit="return clickupload();" target="uploadtarget">
�к� File ���� Upload �Ԩ��<br>
<input id="fileupload" name="fileupload" type="file">&nbsp;
<input id="btnUpload" type="submit" value="Upload ������">
</form>
</body>
</html>


���ǹ�� Script ������� ��ҷ���ԡ������բ������������� (�礤������Ф�Ѻ) ��Ҽ�ҹ��� submit form 价�� window ����
uploadtarget �·�� uploadtarget ��� iframe ��袹Ҵ 0x0 ����



--------------------------------------------------------------------------------


��˹�ҵ��բ�ͤ����͡ʶҹЫѡ�Դ

�Ҩ�д����ն�Ҥ�ԡ submit ����˹�ҵҹ��� (��͹�����ѹ upload file ������ѹ��ͧ�����ҫѡ����) �й����¹��Ǻ͡
ʶҹЫѡ�Դ��չ�����


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>Upload �������¹˹��</title>

<script language="javascript">
function clickupload()
{

if ( document.getElementById('fileupload').value.length == 0 )
{
alert( '�к� File ���� Upload �Ԩ��' ) ;
return false ;
}

document.getElementById('upmsg').innerHTML = '���ѧ Upload ����Ш�� �ͫѡ����...' ;
document.getElementById('btnUpload').value = "�����������ͧ��ԡ���";
document.getElementById('btnUpload').disabled = true ;

return true ;
}
</script>

</head>
<body>
<iframe id="uploadtarget" name="uploadtarget" src="" style="width:0px;height:0px;border:0"></iframe>
<form id="frmUpload" action="upload.php" method="post" enctype="multipart/form-data" onsubmit="return clickupload();" target="uploadtarget">
<span id="upmsg">�к� File ���� Upload �Ԩ��</span><br>
<input id="fileupload" name="fileupload" type="file">&nbsp;
<input id="btnUpload" type="submit" value="Upload ������">
</form>
</body>
</html>


���ǹ������ͤ�ԡ submit �к��зӡ������¹ ��ͤ����� ���ѧ Upload ��зӡ����͡�����������ԡ����ҫ���ա



--------------------------------------------------------------------------------


������ uploadtarget ��Ѻ������¹˹����ѡ

�ͤ�ԡ����� upload.php ���觤���� OK ��Ѻ���ҹ֡� ���ҧ��� user ������������� File upload ��������
�й�鹼���ͧ����� upload.php �觤�� ���� �����š�Ѻ�����˹�� upload.html �ʴ���� Upload ��������

upload.php


<?

sleep(3);
$file = $_FILES['fileupload']['name'];
$typefile = $_FILES['fileupload']['type'];
$sizefile = $_FILES['fileupload']['size'];
$tempfile = date("Y-m-d")."-".$file;

copy($_FILES['fileupload']['tmp_name'],$tempfile);

?>
<script language="JavaScript">
<!--
window.parent.uploadok('<?=$tempfile?>');
//-->
</script>



�������� Script ��ش��÷ӧҹ 3 �Թҷ� sleep(3) �������������˹�� upload �ʴ�ʶҹ��� (������ҹ��ԧ����͡����)
����� upload.php �ӧҹ�����ѹ�������� javascript �ӧҹ�� javascript ������¡ function uploadok ���觤�Ҫ��� File 仴���
�� uploadok ��������� window ��ѡ (window.parent) ���仵���� upload.html ������� funtion uploadok ���


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>Upload �������¹˹��</title>

<script language="javascript">
function clickupload()
{

if ( document.getElementById('fileupload').value.length == 0 )
{
alert( '�к� File ���� Upload �Ԩ��' ) ;
return false ;
}

document.getElementById('upmsg').innerHTML = '���ѧ Upload ����Ш�� �ͫѡ����...' ;
document.getElementById('btnUpload').value = "�����������ͧ��ԡ���";
document.getElementById('btnUpload').disabled = true ;

return true ;
}

function uploadok(pathfile)
{
document.getElementById('fileupload').value ="";
document.getElementById('upmsg').innerHTML = 'Upload �������� <br> file ������<Br><a href="'+pathfile+'" target="_blank">'+pathfile+'</a><br>�к� File ������������' ;
document.getElementById('btnUpload').value = "Upload ������";
document.getElementById('btnUpload').disabled = false;
document.getElementById('frmUpload').reset() ;
return true ;
}


</script>

</head>
<body>
<iframe id="uploadtarget" name="uploadtarget" src="" style="width:0px;height:0px;border:0"></iframe>
<form id="frmUpload" action="upload.php" method="post" enctype="multipart/form-data" onsubmit="return clickupload();" target="uploadtarget">
<span id="upmsg">�к� File ���� Upload �Ԩ��</span><br>
<input id="fileupload" name="fileupload" type="file">&nbsp;
<input id="btnUpload" type="submit" value="Upload ������">
</form>
</body>
</html>


���ǹ��� Script upload.php �ӧҹ����觤�ҡ�Ѻ�ҷ��˹����ѡ�����§ҹ�����º�������� ^^



--------------------------------------------------------------------------------


��ػ

�ҡ�������к�������ա������¹˹����� (�ӧҹ���躹 upload.html ���ҧ����) �¨�ԧ�����¡��� AJAX �礧�����
(�ѹ��������¡ XML ������ xmlhttp �������) ���繡����� Javascript ���¤Ǻ�������ʴ����ҡ����

���������ͧ�ѹ���Сѹ��Ѻ �Ըչ���Ҩл���ء����ҡѺ�ҹ������
���仢�ҧ��
´Ù¢éÍÁÙÅÊèǹµÑÇ Ê觢éͤÇÒÁÊèǹµÑÇ Êè§ Email
ryuozero
Site Admin


�������: 13 Jul 2005
�ͺ: 1145

µÍºï¿½Íºï¿½ï¿½ï¿½ï¿½ï¿½: Thu Apr 23, 2009 12:42 am    ï¿½ï¿½ï¿½ï¿½Í§: µÍºâ´ÂÍéÒ§¢éͤÇÒÁ

�ʹ�����Ҫԡ�ʶ�����¤��� ��������������������¹���������������������

��������ǡ�������ҡѹ�Ф�Ѻ

<?
/******* config *********/
$folder = ""; // ����������������� �� upload/ ������������ҧ ������������������ ���������� chamod �� 777
/********* param ********/
$bigchernFile = $_FILES['bigchernFile'];
$event = $_REQUEST['event'];
/********* event *******/
if($event=="upload"){
for($i=0;$i<count($bigchernFile['name']);$i++){
if(is_file($bigchernFile['tmp_name'][$i])){
echo $bigchernFile['name'][$i]." uploaded<br>";
$rand = rand(1111,9999);
copy($bigchernFile['tmp_name'][$i],$folder.$rand.$bigchernFile['name'][$i]);
/* �����ҡ�纪������ŧ database ���纵ç��� ���¡����� $bigchernFile['name'][$i] ��ҹ����� */
}
}

echo "<script> alert('bigchern upload complete');</script>";
echo "<script> document.location='?';</script>";
exit();
}
?>

<body>
<form action="" method="post" enctype="multipart/form-data" name="bigchernForm">
<input type="file" name="bigchernFile[]" id="bigchernFile"><br>
<input type="file" name="bigchernFile[]" id="bigchernFile"><br>
<input type="file" name="bigchernFile[]" id="bigchernFile"><br>
<input type="file" name="bigchernFile[]" id="bigchernFile"><br>
<input type="file" name="bigchernFile[]" id="bigchernFile"><br>
<input type="submit" name="bigchern" value="bigchern submit">
<input type="hidden" name="event" value="upload">
</form>
���仢�ҧ��
´Ù¢éÍÁÙÅÊèǹµÑÇ Ê觢éͤÇÒÁÊèǹµÑÇ Êè§ Email
���§�ӴѺ��ͤ����ͺ�ҡ��͹˹��:   
Forum ¹Õé¶Ù¡ÅçÍ¡ ¤Ø³äÁèÊÒÁÒöµÍº ËÃ×Íá¡éä¢ä´é   ËÑÇ¢é͹Õé¶Ù¡ÅçÍ¡ ¤Ø³äÁèÊÒÁÒöá¡éä¢ ËÃ×͵ͺä´é    ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ö¡ï¿½ï¿½ -> +�+WEB+�+ ��Ѻ���� GMT
˹�� 1 �ҡ 1

 
价��:  
�س�������ö���ҧ��Ǣ������
�س�������ö�����ͺ
�س�������ö��䢢�ͤ����ͧ�س
�س�������öź��ͤ����ͧ�س
�س�������öŧ��ṹ


Powered by phpBB © 2001 phpBB Group
-- Template created by dav.bo=> PurpleStylus --


For Support - http://forums.BizHat.com

Free Web Hosting | Free Forum Hosting | FlashWebHost.com | Image Hosting | Photo Gallery | FreeMarriage.com

Powered by PhpBBweb.com, setup your forum now!