ขอความช่วยเหลือเรื่องวิธีใช้งาน jquery plugin uploadify ครับ
คุณเข้าใจถูกครับ เอาตัวอย่างไปรันดูเลยก็ได้ครับ เวลาโหลดมีมาให้หมด
Date :
2011-08-05 10:41:17By :
ikikkok
ok ครับงั้นผมเข้าใจถูกแล้ว$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : 'uploadify.swf',
'script' : 'uploadify.php',
'cancelImg' : 'cancel.png',
'folder' : '/uploads',
'auto' : false,
'removeCompleted' : false,
'multi' : true,
'fileExt' : '*.jpg;*.gif;*.png',
'onAllComplete' : function(event,data) { alert(data.filesUploaded + ' files uploaded successfully!');}
});
});
Date :
2011-08-05 11:32:44By :
phoenekia
Code (PHP) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=TIS-620" />
<title>Gallery</title>
<script type="text/javascript" src="../jquery/jquery-1.6.1.min.js"></script>
<link href="uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : 'uploadify.swf',
'script' : 'uploadify.php',
'cancelImg' : 'cancel.png',
'folder' : '/uploads',
'auto' : false,
'removeCompleted' : false,
'multi' : true,
'fileExt' : '*.jpg;*.gif;*.png',
'onAllComplete' : function(event,data) { alert(data.filesUploaded + ' files uploaded successfully!');}
});
});
</script>
</head>
<body>
<div >
<form id="form1" action="" method="post">
<input id="file_upload" name="file_upload" type="file" />
<a href="javascript:$('#file_upload').uploadifyUpload();">Upload Files</a> | <a href="javascript:$('#file_upload').uploadifyClearQueue();">Clear Queue</a>
</form>
</div>
</body>
</html>
Date :
2011-08-05 11:34:16By :
phoenekia
แก้ที่ไฟล์ uploadify.php ครับ
Date :
2011-08-05 11:45:47By :
ikikkok
ครับปัญหาคือผมไม่รู้จะแก้อะไรเพราะมันน่าจะใช้งานได้แล้วนิCode (PHP) <?php
if (!empty($_FILES)) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/';
$targetFile = str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];
copy($tempFile,$targetFile);
echo str_replace($_SERVER['DOCUMENT_ROOT'],'',$targetFile);
}
?>
Date :
2011-08-05 13:29:46By :
phoenekia
ทำได้แล้วครับ เหตุเพราะ $_SERVER['DOCUMENT_ROOT'] มันไม่ใช่ที่ๆผมต้องการครับแก้ใหม่เป็น
Date :
2011-08-05 13:51:14By :
phoenekia
ถั่วต้มครับ
Date :
2011-08-05 13:54:27By :
ikikkok
งั้นขออนุญาติถามต่อครับ จากบันทัดนี้
Date :
2011-08-05 15:48:02By :
phoenekia
ส่งผ่าน scriptData ครับ อ่านใน docs เลย
Date :
2011-08-05 16:01:57By :
ikikkok
ขออภัยครับผมไม่เข้าใจ docs ไหนครับ
Date :
2011-08-05 16:14:38By :
phoenekia
ออ ...... แบบนี้หรอครับ 'scriptData' : {'fn':$('#course_list').val()}, คือผมส่งข้อมูลไปได้ครับแต่อย่างที่บอกมันเอาข้อมูลตัวแรกไป
Date :
2011-08-05 16:25:00By :
phoenekia
alert() ดูก่อนก็ได้ครับไม่น่าผิดนะ
Date :
2011-08-05 16:35:21By :
ikikkok
ok ครับ ผมลองแล้ว ให้มัน alert ค่าที่เราเลือกก่อนจะ submit และคิดว่าเป็นเพราะ $(document).ready() ซึ่งผมเข้าใจว่ามันคือ onload ดังนั้นโปรแกรมนี้จะทำงานตอนที่ load page พอเราเลือกค่าต่างๆ ใน select มันจึงไม่เปลี่ยนตามเพราะตอนที่เราเลือกนั้นมันผ่าน ขั้นตอน load page ไปแล้วค่าที่ส่งไปจึงเป็น "a" แบบที่ผมบอกเสมอเพราะเป็นค่าแรกที่โปรแกรมเจอตอน load page ผมเข้าใจถูกมั้ย
Date :
2011-08-08 15:28:15By :
phoenekia
เขียน onchage ให้ dropdown ที่คุณจะส่งนะครับ ให้ uploadifySettings set scriptData ตอนที่มัน change
Date :
2011-08-08 15:50:20By :
ikikkok
ขอบคุณมากๆครับ ผ่านแล้ว
Date :
2011-08-08 16:10:01By :
phoenekia
พอดีผมกำลังศึกษาอยู๋ อยากถามหน่อยว่า ถ้าจะอัพโหลดไฟล์รูปภาพลงดาต้าเบสlocalhost โดยข้อมูลBLOB ต้องทำยังงัยครับ ติดมาสองวันแล้วคับ ช่วยแนะนำหน่อย
ประวัติการแก้ไข
Date :
2011-10-31 03:31:41By :
rainsad
เรื่อง blob บทเรียนก็มีครับ อ่านดูซิ
Date :
2011-10-31 12:19:24By :
ikikkok
มีบทความไหนบ้างคับ......
Date :
2011-10-31 19:22:11By :
rainsad
uploadify สามารถใส่ wwatermark ได้มั้ยคับ ผู้รู้ช่วยแนะนำหน่อยคับบบบ ขอบคุณครับ
Date :
2012-02-06 12:03:42By :
kiko
Uploadify เพิ่มความสามารถในการ Upload ไฟล์ด้วย Library Uploadify (jQuery)
Date :
2013-07-08 17:12:25By :
mr.win
Server 03
Load balance : Server 03
