หมวดไฟฟ้า/อิเล็กทรอนิกส์/คอมพิวเตอร์ => Programming => ห้องคอมพิวเตอร์ => C.A.I Programming => ข้อความที่เริ่มโดย: Prog Man ที่ 24 เมษายน 2567, 07:17:43

หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 07:17:43
    เจอปัญหาประจำในเรื่องรูปหาย ที่นำรูปไปฝากไว้กับเว็บอื่น

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


    เลยพยายามศึกษา เพื่อจะได้มีเว็บฝากรูปเป็นของตัวเอง

  ลองเข้าไปอ่านดูที่ลิ้งค์นี้ https://devbanban.com/?p=4157
มีคลิ๊ปแนะนำวิธีใช้โปรแกรมที่เขียนขึ้น
 - ข้อเสีย คือไม่มีลิ้งค์รูปภาพไปใช้ ?

หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 07:21:41
Free Template 20 : ตัวอย่างฟอร์มอัพโหลดภาพและแสดงภาพภาพที่เลือกโดยใช้ javascript
https://devbanban.com/?p=2090
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 07:27:32
0104 | ปุ่มอัพโหลดรูปเข้า upic.me ด่วนทันใจ
https://www.icez.net/blog/721/quick-upic-me-upload-button

คุณสมบัติ

– upload รูปได้ทุก format ที่ upic.me รองรับ ขนาดใหญ่ได้ถึง 2MB
– เลือกอัพได้ทีละหลายๆ รูปเหมือนหน้าแรก upic.me ด้วย
– มีสถานะการ upload ขึ้นตลอดการอัพ และจะหายไปเองเมื่ออัพเสร็จ
– อัพเสร็จ code ขึ้นในกล่องข้อความทันที ไม่ต้องก๊อปวาง
– ปรับแต่งหน้าตา สีสันของปุ่มได้ตามสะดวก (ส่วนแก้ไขข้อความ จะทำ version ถัดไปครับ)
– เอาไปใช้กันได้ฟรีๆ ไม่ต้องแปะ link กลับ ไม่ต้องแปะเครดิตใดๆ ทั้งสิ้น
– ไม่เปลือง bandwidth ของ host ด้วย เพราะอัพตรงเข้ามาที่ server ของ upic.me เลย

ถ้างงยังไงลองดูตัวอย่าง code ด้านล่างได้เลยครับ

โค๊ด: [Select]
<script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = "targetelement";
upic_type = "resulttype";
upic_buttoncss += "appendcss";
</script>
upic_target => จะให้เอา code ไปแปะที่ช่องไหน
upic_type => รูปแบบ code ที่แปะ มี htmlfull / htmlthumb / bbfull / bbthumb (ถ้าไม่ระบุ จะถือว่าเป็น bbthumb ครับ)
upic_buttoncss => css เสริมสำหรับข้อความในปุ่ม เผื่ออยากแก้สีแก้รูปแบบ ใส่ไปได้เลยครับ (การใส่สี รองรับ code แบบ #abcdef เท่านั้นนะครับ)

ส่วน uploadprogress จะมีประมาณนี้ครับ

โค๊ด: [Select]
<style type="text/css">
#upic_uploader{}
#upic_uploadprogress{}
.progressWrapper{margin-top:5px;}
.progressContainer{border-bottom:1px dotted #ddd;padding:2px;}
.progressName{text-align:left;color:black;margin-left:2px;float:left;}
.progressBarStatus{color:#666;text-align:right;margin:1px 1px 0 0;font-size:9px;}
.red{border:solid 1px #B50000;background-color:#FFEBEB;}
.green{border:solid 1px #DDF0DD;background-color:#EBFFEB;}
.blue{border:solid 1px #CEE2F2;background-color:#F0F5FF;}
.progressBarInProgress,.progressBarComplete,.progressBarError{clear:both;font-size:0;width:0%;height:2px;background-color:blue;margin-top:4px;}
.progressBarComplete{width:100%;background-color:green;visibility:hidden;}
.progressBarError{width:100%;background-color:red;visibility:hidden;}
</style>
(พอดีมันผ่าน compressor มาหลายรอบ code เลยดูยากหน่อย ขออภัยด้วยครับ)
ถ้าอยากแก้ไขหน้าตาสีสันยังไง สามารถ copy code ด้านบนไปแก้ไข แล้วใส่ต่อจาก script ได้เลยครับ


.
.

.
.

ตัวอย่าง code นี้สำหรับแปะในบอร์ด SMF ไฟล์ Post.template.php ได้ทันที

โค๊ด: [Select]
<script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = document.postmodify.message;
upic_type = "bbthumb";
upic_buttoncss += "color:#000000;";
</script>
อันด้านล่างนี้สำหรับ discuz

โค๊ด: [Select]
<script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = "postmessage";
upic_type = "bbthumb";
upic_buttoncss += "color:#000000;";
</script>
=======================
update 2010-08-07 :: custom function สำหรับแทรก code เข้าพวก wysiwyg editor ครับ

โค๊ด: [Select]
<script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = "postmessage";
upic_type = "bbthumb";
upic_buttoncss += "color:#000000;";
function upic_custom(urlshow, urlfull, urlthumb) {
// do anything here
}
</script>
ตัวอย่างด้านล่างสำหรับ SMF 2.0 ขึ้นไปครับ รองรับการทำงานของ WYSIWYG editor เรียบร้อย

โค๊ด: [Select]
<script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = document.postmodify.message;
upic_type = "bbthumb";
upic_buttoncss  = "color:#000000;";
upic_buttontext = "Select Images <span class=\"buttonSmall\">(2 MB Max)</span>";
 
function upic_custom(urlshow, urlfull, urlthumb) {
if (oEditorHandle_message.bRichTextEnabled) {
oEditorHandle_message.insertText("<a href=\"" + urlshow + "\"><img src=\"" + urlthumb + "\" border=\"0\"></a>");
} else {
upic_target.value += "[url="+urlshow+"][img]"+urlthumb+"[/img][/url]";
}
}
</script>
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 07:38:52
ทำหน้าเว็บ Upload file รูปภาพได้หลายๆรูป หรือไฟล์อื่นๆ เข้า Google Drive

หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 07:45:07
แจกฟรีครับ สคริปอัพโหลดรูป PHP MySQL เพื่อการนำไปศึกษา
=> http://www.scriptweb2u.com/webboard/board/14/2/แจกสคริปอัพโหลดรูป-PHP-MySQL-เพื่อการนำไปศึกษา.html

https://d.thaihosttalk.com/t/code-upload-upic-me/25135/45

เพิ่งทำเสร็จสดๆ ร้อนๆ เลยครับ ขอโฆษณาหน่อย (ชื่อกระทู้เชยซะไม่มี)

upload รูปได้ทุก format ที่ upic.me 1 รองรับ ขนาดใหญ่ได้ถึง 2MB
เลือกอัพได้ทีละหลายๆ รูปเหมือนหน้าแรก upic.me 1 ด้วย
มีสถานะการ upload ขึ้นตลอดการอัพ และจะหายไปเองเมื่ออัพเสร็จ
อัพเสร็จ code ขึ้นในกล่องข้อความทันที ไม่ต้องก๊อปวาง
ปรับแต่งหน้าตา สีสันของปุ่มได้ตามสะดวก (ส่วนแก้ไขข้อความ จะทำ version ถัดไปครับ)
เอาไปใช้กันได้ฟรีๆ ไม่ต้องแปะ link กลับ ไม่ต้องแปะเครดิตใดๆ ทั้งสิ้น
ไม่เปลือง bandwidth ของ host ด้วย เพราะอัพตรงเข้ามาที่ server ของ upic.me 1 เลย
ใครใช้บอร์ด SMF เอา code ด้านล่างนี้ไปแปะในไฟล์ Post.template.php ได้เลยครับ
ดูตัวอย่างปุ่มได้ที่เว็บ thaicybergames 4 เข้าไปกดตอบดูซักกระทู้เดี๋ยวก็เจอปุ่มครับ

โค๊ด: [Select]
&lt;script type="text/javascript" src="http://upic.me/js/embedupload.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
upic_target = document.postmodify.message;
upic_type = "bbthumb";
upic_buttoncss
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 08:16:57
แจกสคริปอัพโหลดรูป(อัพเดท V1.2 - Edit1 - 21/09/2556)
http://www.thaiseoboard.com/index.php/topic,331290.0.html

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 08:50:30
https://github.com/lfiore/upld/?tab=readme-ov-file
http://upld.uk/

]ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 08:59:38
https://postimg.cc/jWDcpydq/be8a596d

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 09:04:29
ทำปุ่มอัพโหลดรูปเข้า upic.me (ใน smf 2.0.4 - 2.0.7)
http://www.gpsteawthai.com/index.php?topic=1422.0

ทำปุ่มอัพโหลดรูปเข้า upic.me ใน smf 2.0.4 แบบอัตโนมัติ อัพเสร็จ code
ขึ้นในกล่องข้อความทันที ไม่ต้องก๊อปวางให้เสียเวลาแบบเดิมๆ
ทีนี้สมาชิกที่ไม่ชำนาญ ก็ไม่ต้องกังวลอีกต่อไป แค่เลือกรูปที่ขนาดไฟล์ไม่เกิน 2MB

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ


เข้าไปที่...
./ Themes/ default/ Post.template.php

ค้นหาคำว่า...
อ้างถึง
โค๊ด: [Select]
// Finally, the submit buttons.
echo '

แล้วเอาโค้ดด้านล่างนี้ วางทับลงไป     (อย่าลืมเซฟเป็น utf8 ด้วยนะครับ)
โค๊ด: [เลือก]
โค๊ด: [Select]
// Finally, the submit buttons.
echo '
<!-- อัพโหลดรูป upic.me -->
  <font size="" color="deeppink">อัพโหลดรูป แบบอัตโนมัติ (จากเว็บรับฝากรูปโดยตรง)</font>
  <br><br/>
  <script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = document.postmodify.message;
upic_type = "bbfull";
upic_buttoncss  = "color:#f50d0d;";
</script>
หัวข้อ: PHP PDO : ตัวอย่างระบบอัพโหลดภาพ, Basic Upload Image
เริ่มหัวข้อโดย: Prog Man ที่ 24 เมษายน 2567, 09:14:02
ทำอัพโหลดภาพขึ้นserver
http://pordoo.com/tip/upload-pictures-server/

1. โหลด script ไปก่อน Download พอดีต้นฉบับมันหายไปแล้ว ผมเอาไฟล์ไปยำมานิดหน่อย ไม่รู้มีปัญหาอะไรมั้ย แต่ไล่โค้ดแล้วน่าจะไม่มีปัญหาครับ

2. วางแผนก่อน ว่าจะเอาไฟล์ที่อัพโหลดไปเก็บที่ไหนบนเซิร์ฟ อ่ะ สมมุติเป็น http://www.f0nt.com/forum/ ก็แตกไฟล์ข้อ 1 ไปใส่ในนั้นเลย จากนั้นทำการ CHMOD 777 ให้กับโฟลเดอร์ต่อไปนี้
 2.1 http://www.f0nt.com/forum/upload/files/
 2.2 http://www.f0nt.com/forum/upload/files/images/
 2.3 http://www.f0nt.com/forum/upload/files/thumb/images/
 2.4 http://www.f0nt.com/forum/upload/files/flash/

3. เปิดไฟล์ http://www.f0nt.com/forum/upload/image_upload.php ขึ้นมา (ใช้ notepad ก็ได้) บรรทัดที่ 5-7 มี config อยู่...
โค๊ด: [Select]
$maxsize     = 500 * 1024; // ขนาด แก้ตรง 500 เป็นตัวอื่น ตอนนี้เป็น 500KB/รูป
$baseurl     = 'http://www.f0nt.com/forum/upload/files/'; //url ไปโฟลเดอร์ที่เก็บรูป  อย่าลืมปิดท้ายด้วย /
$basedir     = 'files/'; // สอดคล้องกับโฟลเดอร์ในสุดของ baseurl ด้านบน

แก้ให้เหมาะสมตามเครื่องเราซะ
$basedir ถ้ากลัวงง ไม่แนะนำให้แก้ ถ้าอยากแก้...

$basedir จะอ้างอิงที่อยู่จากไฟล์ image_upload.php ไปยังโฟลเดอร์เก็บไฟล์ (โฟลเดอร์ที่ด้านในมีโฟลเดอร์ images, thumb, flash) ถ้าเราย้ายไฟล์ image_upload.php ไปไว้ที่อื่น ก็ต้องแก้ $basedir ตามด้วย แต่ถ้าแตกไฟล์จาก zip แล้วอัพขึ้นเซิร์ฟโดยไม่ได้ย้าย หรือเปลี่ยนชื่อโฟลเดอร์ ก็ไม่เป็นไร

4. ลองเข้าไปที่ http://www.f0nt.com/forum/upload/image_upload.php แล้วอัพไฟล์ดู ถ้าอัพไม่ได้...
   4.1 เช็คให้แน่ใจว่าทำ CHMOD 777 ครบหมดทุกโฟลเดอร์แล้ว
   4.2 เช็คให้แน่ใจว่า $basedir ถูกต้อง

5. ถ้าอัพสำเร็จแล้ว ต่อไปเอามาไปฝังในหน้าตอบกระทู้ ... จากโฟลเดอร์ของ smf ให้เปิดไปที่ /Themes/default/Post.template.php (แบ็คอัพก่อนเผื่อความปลอดภัย)
ธีม Default
ไฟล์ ธีม Post.template.php
หา:
โค๊ด: [Select]
โค๊ด: [Select]
// Finally, the submit buttons.
echo 'เพิ่มก่อนที่หา:
โค๊ด: [Select]
โค๊ด: [Select]
// Upload Image
echo '
<tr>
<td></td>
<td><iframe src="UPLOADURL" width="550" height="60" frameborder="0"></iframe></td>
</tr>';
ตรง UPLOADURL คือ url ที่มาจากข้อ 3 (http://www.f0nt.com/forum/upload/image_upload.php)