��ҹ��Ǣ�͡�͹˹�� :: ��ҹ��Ǣ�ͶѴ� |
����� |
��ͤ��� |
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">
<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 ����� ����˹�����ʴ���Ẻ 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">
<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">
<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">
<input id="btnUpload" type="submit" value="Upload ������">
</form>
</body>
</html>
���ǹ��� Script upload.php �ӧҹ����觤�ҡ�Ѻ�ҷ��˹����ѡ�����§ҹ�����º�������� ^^
--------------------------------------------------------------------------------
��ػ
�ҡ�������к�������ա������¹˹����� (�ӧҹ���躹 upload.html ���ҧ����) �¨�ԧ�����¡��� AJAX �礧�����
(�ѹ��������¡ XML ������ xmlhttp �������) ���繡����� Javascript ���¤Ǻ�������ʴ����ҡ����
���������ͧ�ѹ���Сѹ��Ѻ �Ըչ���Ҩл���ء����ҡѺ�ҹ������ |
|
���仢�ҧ�� |
|
|
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> |
|
���仢�ҧ�� |
|
|
|