|
 |
| |
แนวคิดการอัพโหลดรูปแบบ facebook ที่ให้อัพโหลดได้แค่รูปอย่างเดียว |
| |
 |
|
|
 |
 |
|
กอ สระ แอ ดอ....แฟลซ 
|
 |
 |
 |
 |
| Date :
2011-08-31 17:55:20 |
By :
ikikkok |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ลองเล่น uploadify ดูซิครับ ผมว่าตรงตามความต้องการคุณ กะล่อน แน่นอน
|
| |
|
|
| |
| Date :
2011-08-31 18:35:28 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มารายงานผลครับ ลองเล่นแล้วเจอแล้วครับใช่อย่างที่ต้องการจริงๆด้วยครับ ขอบคุณครับ
แต่ตอนนี้กำลังหาวิธีโชว์ Result (รูปภาพ) ที่อัพโหลดไป + จำกัดการอัพโหลดไฟล์ ว่าได้ทีละกี่ไฟล์น่ะครับ
|
ประวัติการแก้ไข
2011-08-31 21:19:56
2011-08-31 21:20:59
| |
|
|
| |
| Date :
2011-08-31 21:09:49 |
By :
adaaugusta |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใบ้ให้ครับดู uploadifySettings 
|
| |
|
|
| |
| Date :
2011-09-01 00:14:49 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณอีกครั้งครับ สำเร็จเสร็จสิ้นทุกอย่างครับ ฮ่าๆๆๆ สะดวกต่อผมมากๆเลย นำไปประยุกต์ได้อีกเยอะเลยครับ
ผมใช้
onComplete
แล้วก็กำหนด ให้ ปุ่ม.hide();
น่ะครับ แต่เหมือนต้อง div ครอบไว้ ถ้าสั่งให้ปุ่มหายตรงๆ มันไม่หาย สงสัยติด style ของตัว uploadify น่ะครับ
|
ประวัติการแก้ไข
2011-09-01 10:22:48
| |
|
|
| |
| Date :
2011-09-01 10:21:11 |
By :
adaaugusta |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เขียนเสร็จเอามาให้ดูหน่อยน่ะครับ เผื่อจะได้เอาไปใช้เหมือนกัน
|
| |
|
|
| |
| Date :
2011-09-01 10:43:48 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
 ตอบความคิดเห็นที่ : 10 เขียนโดย : webmaster เมื่อวันที่ 2011-09-01 10:43:48
รายละเอียดของการตอบ ::
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=UTF-8" />
<title>Untitled Document</title>
<link href="uploadify/uploadify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="uploadify/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : 'uploadify/uploadify.swf',
'script' : 'uploadify/uploadify.php',
'cancelImg' : 'uploadify/cancel.png',
'sizeLimit' : '500000',
'buttonText' : 'Browse Image',
'folder' : 'uploads',
'fileExt' : '*.jpg;*.gif;*.png',
'fileDesc' : 'Web Image Files (.JPG, .GIF, .PNG)',
'auto' : true,
'onComplete': function(event, ID, fileObj, response, data){
$("#uploaded_preview").html('<a href="uploads/' + fileObj.name + '"><img src="uploads/' + fileObj.name + '" style="width:120px; border:none;" /></a>');
$("#btn").hide();
},
'onError' : function (event,ID,fileObj,errorObj) {
alert('ไฟล์ใหญ่เกิน 50kB');
}
});
});
</script>
</head>
<body>
<div id="uploaded_preview"></div>
<div id="btn">
<input id="file_upload" name="file_upload" type="file" />
</div>
</body>
</html>
แล้วก็โหลด uploadify มาแปะไว้ง่ายมากๆเลย
ค่าที่ต้องแก้ไขมีนิดหน่อย
'sizeLimit' : '500000', <= กำหนดขนาดไฟล์ว่าต้องการให้อัพโหลดได้เท่าไหร่
'buttonText' : 'Browse Image', <= อันนี้เป็น label ของปุ่มแต่ใช้ภาษาไทยไม่ได้อ่ะครับ แต่สามารถทำเป็นภาพ แล้วconfigได้
'folder' : 'uploads', <= อันนี้โฟลเดอร์ที่จะเก็บไฟล์
'fileExt' : '*.jpg;*.gif;*.png', <= อันนี้(ต้องการมากที่สุด) Browse ไฟล์อะไรได้บ้าง แบบว่าบังคับกันเลยทีเดียวไฟล์อื่น Browse ไม่ได้
'auto' : true, <= อันนี้ไม่ต้องคลิกอัพโหลดครับ พอเลือกไฟล์เสร็จ ก็เด้งเข้าไปอยู่ในโฟลเดอร์ให้เลย
|
| |
|
|
| |
| Date :
2011-09-01 11:33:12 |
By :
adaaugusta |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณครับ
|
| |
|
|
| |
| Date :
2011-09-01 11:36:00 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2011-09-01 11:38:04 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
