|
 |
| |
ต้องการทำตัวอัพโหลด ไฟล์ แบบในเว็บข้างในนี้ ต้องทำยังไงครับ |
| |
 |
|
|
 |
 |
|
งง??
|
 |
 |
 |
 |
| Date :
2013-10-09 15:32:28 |
By :
apisitp |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตรงข้างล่าง ใต้ editor อะครับ จะสามารถ อัพโหลดไฟล์ได้ ผมอยากได้แบบนั้นอ่าครับ ต้องทำยังไง
|
| |
|
|
| |
| Date :
2013-10-09 16:08:43 |
By :
Necrotorture |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
1. ที่ผม งง ไม่ได้กวนนะ แต่พอกด link เข้าไป link มันตัดเหลือ http://starship-ent.co.kr/index.php?mid=aud_req แค่นี้
2. ผมพยายามหา "โชว์ thumbnail ด้านข้าง โดยไม่ต้อง ล็อคอิน" แล้วก็ไม่เห็นมี ไม่รู้ตรงไหน
3. "ตรงข้างล่าง ใต้ editor อะครับ" ผมเข้า Web แล้ว search คำว่า "editor" ผมก็หาไม่เจอ
4. ผลอยากลองเล่นตามที่บอกนะแต่หาไม่เจอจริง ๆ หรือเพราะว่ามันเป็น ภาษาเกาหลี หรือเปล่า
เอางี้สิ ตาม Link ที่ให้มา Capture หน้าเว็บมา แล้วเอา วงกลมสีแดง ๆ ไว้ แล้วมาโพสต์หน่อย ตรงส่วนไหนที่ต้องการ จะได้ลองเล่น จะได้ตอบได้ว่า Code อะไร
โพสต์ link ลอย ๆ ก็เหมือนขับรถหลงทาง ถามคนพื้นที่เค้าก็รู้ว่าอะไรอยู่ที่ไหน ไปต่อถูก แต่คนต่างถิ่นขับยังไงก็หลงครับ ชี้ทางให้ด้วย อยากเรียนรู้เพิ่มเติม และ ช่วยเหลือ
|
| |
|
|
| |
| Date :
2013-10-09 18:28:34 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อย่างนี้เคลีย 
ลองเล่นก่อนนะ
Edit1 : ผมเคยทำไว้ เด๋วไปตัด Code มาอธิบายให้ แต่ว่างจากงานก่อนนะ
|
ประวัติการแก้ไข
2013-10-10 10:29:00
| |
|
|
| |
| Date :
2013-10-10 10:25:44 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มาล่ะ....
ไฟล์แรก ตัวฟอร์ม
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=windows-874" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.18812">
</HEAD>
<BODY topMargin=0>
<br>
<TABLE width="100%" >
<TBODY>
<th height=10 align=center colspan="2">ลองดู</th>
<TR>
<TD width="295">
<div align="left">รูปภาพ</div><br>
<!-- Div เอาไว้โชว์รูปที่เลือกเข้ามา-->
<div id="ShowThumImages"></div>
<!-- เอาไว้โชว์รูปที่เลือกเข้ามา-->
</TD>
<TD width="332" height="200">
<h1>เลือกรูปภาพ</h1>
<input type="file" name="images" id="images" multiple />
<!-- ขี้เกียจโหลด เลยใช้ link เต็ม ๆ -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- ส่วน upload.js แป๊ะโค้ดไว้ให้เอาไป Save as ต่อนะครับ -->
<script src="upload.js"></script></TD>
</TR>
</TBODY>
</TABLE>
</BODY></HTML>
upload.js ไฟล์ 2 ต้องเอาไว้ที่เดียวกับไฟล์แรก
(function () {
var input = document.getElementById("images"), //id ต้องชื่อ images เหมือน input type="file" name="images" id="images" multiple นะครับ
formdata = false;
function showUploadedItem (source) {
$('#ShowThumImages').html('<img width=350 height=200 src="'+source+'">'); //กำหนดขนาดรูปภาพที่ต้องการแสดงก่อน upload
}
if (window.FormData) {
formdata = new FormData();
}
input.addEventListener("change", function (evt) {
$('#response').html('Uploading . . .');
var i = 0, len = this.files.length, img, reader, file;
for ( ; i < len; i++ ) {
file = this.files[i];
if (!!file.type.match(/image.*/)) {
if ( window.FileReader ) {
reader = new FileReader();
reader.onloadend = function (e) {
showUploadedItem(e.target.result, file.fileName);
};
reader.readAsDataURL(file);
}
if (formdata) {
formdata.append("images[]", file);
}
}
}
}, false);
}());
|
| |
|
|
| |
| Date :
2013-10-10 10:53:10 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
พี่ครับ แล้วเค้ามีการตรวจสอบยังไงครับ ว่า สามารถอัพโหลดไฟล์ขนาดรวม กันแล้วได้ไม่เกิน ตามที่กำหนดไว้ อ่าครับ เช่น สามารถ อัพโหลด ไฟล์กี่ไฟล์ก็ได้ แต่รวมขนาดกันแล้ว ต้องไม่เกิน 2mb
|
| |
|
|
| |
| Date :
2013-10-10 14:07:49 |
By :
Necrotorture |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
