หมวดไฟฟ้า/อิเล็กทรอนิกส์/คอมพิวเตอร์ => Programming => ห้องคอมพิวเตอร์ => C.A.I Programming => ข้อความที่เริ่มโดย: Prog Man ที่ 24 เมษายน 2567, 07:17:43
-
เจอปัญหาประจำในเรื่องรูปหาย ที่นำรูปไปฝากไว้กับเว็บอื่น
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
เลยพยายามศึกษา เพื่อจะได้มีเว็บฝากรูปเป็นของตัวเอง
ลองเข้าไปอ่านดูที่ลิ้งค์นี้ https://devbanban.com/?p=4157
มีคลิ๊ปแนะนำวิธีใช้โปรแกรมที่เขียนขึ้น
- ข้อเสีย คือไม่มีลิ้งค์รูปภาพไปใช้ ?
-
Free Template 20 : ตัวอย่างฟอร์มอัพโหลดภาพและแสดงภาพภาพที่เลือกโดยใช้ javascript
https://devbanban.com/?p=2090
-
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 ด้านล่างได้เลยครับ
<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 จะมีประมาณนี้ครับ
<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 ได้ทันที
<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
<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 ครับ
<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 เรียบร้อย
<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>
-
ทำหน้าเว็บ Upload file รูปภาพได้หลายๆรูป หรือไฟล์อื่นๆ เข้า Google Drive
-
แจกฟรีครับ สคริปอัพโหลดรูป 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 เข้าไปกดตอบดูซักกระทู้เดี๋ยวก็เจอปุ่มครับ
<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
-
แจกสคริปอัพโหลดรูป(อัพเดท V1.2 - Edit1 - 21/09/2556)
http://www.thaiseoboard.com/index.php/topic,331290.0.html
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
-
https://github.com/lfiore/upld/?tab=readme-ov-file
http://upld.uk/
]ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
-
https://postimg.cc/jWDcpydq/be8a596d
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
-
ทำปุ่มอัพโหลดรูปเข้า 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
ค้นหาคำว่า...
อ้างถึง
// Finally, the submit buttons.
echo '
แล้วเอาโค้ดด้านล่างนี้ วางทับลงไป (อย่าลืมเซฟเป็น utf8 ด้วยนะครับ)
โค๊ด: [เลือก]
// 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>
-
ทำอัพโหลดภาพขึ้น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]
// Finally, the submit buttons.
echo '
เพิ่มก่อนที่หา:
โค๊ด: [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)