- 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>

เอาจริงๆ มันก็ไม่เชิง cloud หรอก แค่เปลี่ยนระบบจัดการข้อมูลใหม่นิดหน่อยเพื่อให้แก้ไขระบบได้สะดวกขึ้น
และเสี่ยงต่อการถูกโจมตีจนระบบล่มใช้งานไม่ได้ (DDoS) น้อยลง เนื่องจากการเข้าใช้งานเป็นไปในลักษณะนั้น

ผลงานรอบนี้ ขอยกความดีความชอบให้ @rtsp ได้เลยครับ ส่วนความผิดพลาดทั้งหลายผมขอน้อมรับไว้เอง
เนื่องด้วยยังอ่อนประสบการณ์เรื่องนี้พอดี T_T ทำให้ระบบร่วงไปประมาณ 30 นาที (ช่วง 17.30 – 18.00 น.)
(มีเวลาเตรียมงาน นับเป็นชั่วโมงก็ราวๆ 4-5 ชั่วโมง แทบไม่ได้ทดสอบอะไรระบบใหม่นี้เลย)

แต่ดูแล้ว ผลเป็นที่น่าพอใจ และปีหน้าไม่พลาดแล้วครับ cloud computing จงเจริญ

สถิติ:
ปริมาณ bandwidth peak 11.6 Mbps เมื่อ 18.05 น.โดยประมาณ (แทบจะทันทีที่ระบบกลับมาใช้ได้)
ปริมาณการร้องขอเข้าใช้งานสูงสุด ณ เวลานั้น 1200 ครั้ง ต่อวินาที โดยประมาณ
CPU ช่วงจังหวะสูงสุดใช้ประมาณ 3 Core เต็มๆ (เทียบจาก Core 2 Quad ความเร็ว 2.53 GHz)
RAM ใช้ไปประมาณ 2GB

ข้อมูลเชิงเทคนิค
Web Server: lighttpd 1.4.19
Server-Side Scripting: PHP 5.2.6
Database: MySQL 5.0.51
IDC: ServeNet

ปีหน้าเอา atom server มารันดีมั้ยเนี่ย :D

<?php
$_cachetime = 3600;
$_cacheroot = '/path/to/cache/';
function cacheget($key) {
	global $_cachetime, $_cacheroot;
	$_cachename = sprintf('%x', crc32($key));
	$_cachefolder = $_cacheroot.substr($_cachename,0,2).'/';
	$_cachefile = $_cachefolder.$_cachename;
	if (file_exists($_cachefile) && (filemtime($_cachefile) > time() - $_cachetime || 
		(file_exists($_cachefile.'.lock') && time() - filemtime($_cachefile.'.lock') < 120))) {
		return unserialize(file_get_contents($_cachefile));
	}
	return false;
}
function cachelock($key) {
	global $_cacheroot;
	$_cachename = sprintf("%x", crc32($key));
	$_cachefolder = $_cacheroot.substr($_cachename,0,2).'/';
	$_cachefile = $_cachefolder.$_cachename;
	umask(0);
	if (!file_exists($_cachefolder)) {
		mkdir($_cachefolder,0777);
	}
	touch($_cachefile.'.lock');
}
function cacheset($key, $value) {
	global $_cacheroot;
	$_cachename = sprintf('%x', crc32($key));
	$_cachefolder = $_cacheroot.substr($_cachename,0,2).'/';
	$_cachefile = $_cachefolder.$_cachename;
	umask(0);
	if (!file_exists($_cachefolder)) {
		mkdir($_cachefolder,0777);
	}
	if ($_h = fopen($_cachefile, 'w')) {
		fwrite($_h, serialize($value));
		fclose($_h);
		unlink($_cachefile.'.lock');
	}
}
?>

วิธีติดตั้ง:

include ไฟล์ไปบนสุดเลย แก้ตัวแปร $_cacheroot กับ $_cachetime ด้วยนะครับ
chmod 777 folder ตามที่ตั้งใน $_cacheroot ไว้ด้วย

วิธีเรียกใช้:

สมมติว่า cache คำสั่ง sql นะครับ
ถ้าปกติใช้อย่างนี้

<?php
$query = 'SELECT * FROM table';
$sql = mysql_query($query);
while ($row = mysql_fetch_assoc($sql)) {
        var_dump($row);
}
?>

ก็แก้เป็นประมาณนี้

<?php
$query = 'SELECT * FROM table';
if (!$rows = cacheget($query)) {
        cachelock($query);
        $sql = mysql_query($query);
        $rows = array();
        while ($row = mysql_fetch_assoc($sql))
                $rows[] = $row;
        cacheset($query, $rows);
}
foreach($rows as $row) {
        var_dump($row);
}
?>

code นี้แปะด้านบนสุดของไฟล์ (จะใส่ใน auto prepend เลยก็ยังไหว)

<?php
$_cachetime = 43200;
$_info = parse_url($_SERVER["REQUEST_URI"]);
if (!isset($_info['query'])) $_info['query'] = '';
$_path = end(explode('/', $_info['path']));
$_info['query'] = str_replace('&nocache', '', $_info['query']);
$_info['query'] = str_replace('nocache&', '', $_info['query']);
$_info['query'] = str_replace('nocache', '', $_info['query']);
$_cachename = sprintf("%x", crc32($_path."?".$_info['query']));
$_cachefolder = '/path/to/cache/'.substr($_cachename,0,2).'/';
$_cachefile = $_cachefolder.$_cachename;
if ($_SERVER["REQUEST_URI"] != '/' && $_SERVER["REQUEST_METHOD"] == 'GET' &&
    !isset($_GET["nocache"]) &&
    file_exists($_cachefile) && filemtime($_cachefile) > time() - $_cachetime) {
        readfile($_cachefile);
        exit();
}
function fetch_cache($_buffer) {
        global $_cachefile, $_cachefolder;
        umask( 0);
        if (!file_exists($_cachefolder))
                mkdir($_cachefolder,0777, true);
        if ($_h = fopen($_cachefile, "w")) {
                fwrite($_h, $_buffer);
                fclose($_h);
        }
        return $_buffer;
}
ob_start('fetch_cache');
?>

code นี้ใส่ด้านท้าย (ใน auto append ก็ได้นะครับ)

<?php
ob_end_flush();
?>

* แก้ไขเพิ่ม 2009/05/28

*** คำเตือน ก่อนการใช้งานขอให้ระวังว่า… สั่งพลาดไม่สามารถย้อนได้ ดังนั้น กรุณา backup ข้อมูลก่อนทำนะครับ

.

เครื่องมือที่ต้องการ:
- rpmforge repository [ สำหรับ redhat/centos โหลดได้ที่นี่ ]
- clam antivirus [ จะลงจาก rpmforge repository ครับ ]
- fixiframe.php (เดี๋ยวมี link ให้โหลดครับ)

สำหรับท่านที่ใช้ DA ไม่ต้องห่วงครับ ทดลองแล้วไม่มีปัญหา ไม่ตีกันแน่นอน

.

หลังจากลง rpmforge repository แล้ว สั่ง

yum -y install clamav
freshclam
wget -O /root/clamdb.tar.gz http://www.icez.net/files/clamdb.tar.gz
wget -O /usr/bin/fixiframe http://www.icez.net/files/fixiframe.txt
echo "/usr/bin/clamscan -v --stdout -i -d /var/clamav/ -r .|grep FOUND" > /usr/bin/scaniframe
chmod a+x /usr/bin/fixiframe /usr/bin/scaniframe
cd /var/clamav/
tar zxf /root/clamdb.tar.gz
chown clamav.clamav *

เตรียมการเรียบร้อยแล้ว ทีนี้… ก็สั่ง cd เข้าไปในเว็บที่มีปัญหาได้เลยครับ
วิธีใช้งาน…

หลังจากสั่ง cd เข้าไปที่ folder ที่เก็บเว็บที่มีปัญหา ให้สั่ง scaniframe
พอเจอแฟ้มที่มีปัญหา ลองเปิดแฟ้มดูว่า มี code อะไรแปลกปลอม
แล้วสั่ง fixiframe
มันจะถามว่าต้องการแก้อะไร (ขึ้นว่า SEARCH FOR:) ให้ก๊อป code ที่ต้องการลบ มาวางแล้วกด enter
เจอ+แก้แฟ้มไหนไปบ้างจะรายงานผลขึ้นมาให้เห็นเลยครับ

<?php
 
/*** an IP address ***/
$ip = "2001:0db8:85a3:08d3:1319:8a2e:0370:7334";
 
/*** try to validate as IPV6 address ***/
if(filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_IPV6) === FALSE)
{
echo "$ip is not a valid IP";
}
else
{
echo "$ip is valid";
}?>

ที่มา:
PHP Tutorials Examples Filtering Data with PHP
[PHP] IPv6 validation

เข้าประเด็นเลยดีกว่า

ช่วงนี้มีงานประเภทนี้เยอะครับ เห็นแล้วก็เซ็งไอ้คนเขียนเว็บคนเก่าที่ทำระบบมาจริงๆ
คุณพี่เขียนไว้อย่างนี้ครับ….

$sql = mysql_query("SELECT * FROM table");
$records = mysql_num_rows($sql);

ไอ้อันที่จริงมันก็ไม่ผิดอะไรหรอกครับถ้าจะใช้แบบนี้ เพราะ code มันก็ทำงานได้ปกติสุขดีของมัน
แต่… ใครจะรู้มั้ยครับ ว่า mysql มันต้องส่งข้อมูลมากขนาดไหน

สมมติว่า ตารางมีขนาด 1 MB
การ query นี้จะทำให้ mysql ต้องส่งข้อมูลขนาด 1 MB ให้ client ที่ทำการ query
แล้ว client จะเป็นผู้นับจำนวนแถวเอง
ลองคิดดูว่าถ้าตารางเราเกิดมีขนาด 10 MB หรือมีคนเข้าเยอะๆ นะครับ
สมมติ ตารางเดิม ขนาด 1 MB
แต่คนเข้า “แค่” นาทีละ 60 ครั้ง (ตกวินาทีละ 1 ครั้ง)
เท่ากับ Database Server ต้องส่งข้อมูลให้ client ถึงวินาทีละ 1 MB
…
ถ้าขนาดฐานข้อมูลใหญ่ขึ้น
ถ้าคนเข้าเยอะขึ้น… ลองคิดดูครับว่ามันจะเปลืองทรัพยากรระบบขนาดไหน

วิธีนับจำนวน record จริงๆ ที่ใช้กันทั่วไปในระบบใหญ่ๆ เค้าใช้กันแบบนี้ครับ

$sql = mysql_query("SELECT COUNT(*) FROM table");
$res = mysql_fetch_array($sql);
$records = $res[0];

จำนวนบรรทัดเยอะขึ้น 1 บรรทัด แต่การทำงานลดลงฮวบฮาบผิดกันลิบๆ

* คำสั่ง SELECT COUNT(*) ห้ามเอาไปใช้กับตารางประเภท InnoDB โดยเด็ดขาดนะครับ
มิเช่นนั้น database server อาจน็อคเอาได้ง่ายๆ

แบบว่ากำลังหาตัว validate email เพลินๆ ไปเจอตัวนี้มา ถูกใจครับ (ฮาๆ)
เอามาลง เผื่อเก็บไว้ใช้อีก

0000ff;">function 993300;">checkEmail(008080;">$email) {
0000ff;">if (ff0000;">eregi(ff00ff;">“^[a-zA-Z0-9_]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$]”, 008080;">$email)) {
0000ff;">return false;
}

0000ff;">list(008080;">$Username, 008080;">$Domain) = ff0000;">split(ff00ff;">“@”,008080;">$email);

0000ff;">if (ff0000;">getmxrr(008080;">$Domain, 008080;">$MXHost)) {
0000ff;">return true;
} 0000ff;">else {
0000ff;">if (ff0000;">fsockopen(008080;">$Domain, 993300;">25, 008080;">$errno, 008080;">$errstr, 993300;">7)) {
0000ff;">return true;
} 0000ff;">else {
0000ff;">return false;
}
}
}

ปล. ทำ syntax highlight แบบอัตโนมือนี่เหนื่อยนะเนี่ย

กราฟบน เป็นปริมาณ traffic
ส่วนกราฟล่าง เป็นปริมาณการใช้งาน CPU ครับ

ด้านการใช้งาน CPU สรุปได้สั้นๆ ง่ายๆ ว่า ไม่ต่าง…
แล้วตูจะปิด gzip ไปทำไมเนี่ย ในเมื่อกราฟบนมันบอกว่า
ปิด gzip ไปแล้ว เปลือง bandwidth ขึ้นตั้งสองเท่าแน่ะ

สังเกตตรงที่ลูกศรชี้นะครับ ตรงนั้นคือผมสั่งเปิดการทำงานของ gzip compression อีกรอบ
แล้วก็ลงมาดูกราฟ CPU ที่ตำแหน่งเดียวกัน ไม่เห็นมันจะเปลือง CPU มากขึ้นเลยซักนิด

ว่าแต่งานนี้คงต้อง compile PHP ใหม่ละมั้งนี่ เห้อ…

ข้อผิดพลาดนี้ (อันที่จริงก็ทุกอัน) คนทำเว็บคนไหนก็คงไม่ชอบให้มันขึ้นมาหรอกจริงมั้ยครับ
วันนี้จะมาอธิบายการทำงานของ memory limit นิดนึง…

การที่ error อันนี้ขึ้นมาเนี่ย มันกำลังพยายามบอกว่า
ก่อนหน้านี้ มีการขอใช้หน่วยความจำไปแล้วจนเกือบเต็ม 262144 byte (คือเหลือหน่วยความจำว่างๆ อีกไม่เยอะ)
แล้วมีการขอใช้เพิ่มอีก 4864 byte แต่พื้นที่หน่วยความจำที่เหลืออยู่ (ตามที่อนุญาตไว้) มีไม่พอให้ใช้
มันก็เลยต้องจบการทำงานลง เพราะหน่วยความจำหมด

นี่แหละครับคือหน้าที่ของ memory limit

ตัว memory limit มีไว้สำหรับจำกัดการใช้งานหน่วยความจำ ของ “ตัวแปร” ใน PHP ครับ
แบ่งเป็นตัวแปรจากระบบ (พวก $_SERVER $_GET $_POST $_ENV $_SESSION $_COOKIE)
พวกนี้กินอย่างมากก็ประมาณ 50 KB ครับ แล้วที่เหลือก็เป็นส่วนของการทำงานใน code ไป

เชื่อมั้ยครับว่าค่าที่เหมาะสมสำหรับเว็บทั่วไปอยู่ที่ “2M” เอง เพราะปกติเราก็ไม่ใช้อะไรเยอะแยะอยู่แล้ว
สำหรับเว็บที่มีการเรียกใช้ gd library (พวกที่มี captcha อะไรพวกนี้ด้วย) ควรปรับประมาณ 16-24 M
แล้วก็ เว็บฝากไฟล์…. ใช้เท่ากะเว็บปกติครับ (สำหรับส่วนของการ upload)
เนื่องจาก content ในไฟล์ ไม่ได้ถูกนำมาเก็บในหน่วยความจำครับ
ส่วนพวก CMS ต่างๆ เช่น joomla / mambo / phpnuke / wordpress / drupal พวกนี้ควรตั้งขั้นต่ำที่ 8M ครับ
แล้วก็พวก webboard เช่น SMF / IPB / vBullentin / phpBB ควรตั้งขั้นต่ำ 16M ครับ

แต่เอาเข้าจริง ถ้าใช้ไม่ถึงมันก็กินไม่เยอะ ค่าพวกนี้เป็นเพียงแค่การตั้งค่าสูงสุดที่อนุญาตเท่านั้นครับ
ส่วนสำคัญอยู่ที่การ optimize code ของเราให้ทำงานได้เร็ว และประหยัดหน่วยความจำได้มากที่สุดมากกว่า
แล้วถามว่า จะจำกัดไปทำไม ? แรมเหลือเฟือซะอย่าง ไม่กลัวอยู่แล้ว
ลองคิดดูนะครับ สมมติโปรแกรมเมอร์ต้องการลองของ เขียน code นี้ขึ้นมา

$test = “”;
while (1) {
$test .= “more”;
}

ถ้าเกิดไม่มี memory limit นี่เครื่องพังแน่นอนครับ (ใช้แรมเกิน)
แต่กรณีปกติที่อาจจะเกิด คือเขียน script วนซ้ำ แล้วเงื่อนไขการวนซ้ำผิดพลาด
ทำให้เกิดการวนซ้ำไม่รู้จบ (infinite loop) จนมีการจองหน่วยความจำเพิ่มขึ้นเรื่อยๆ
แล้วสุดท้าย หน่วยความจำล้น (buffer overflow) เป็นเหตุให้โดน hack หรืออะไรต่างๆ ตามมาได้มากครับ

วิธีการตรวจสอบหน่วยความจำที่ใช้ไปแล้ว
ใน PHP จะมี function ตัวนึงครับ ไว้เรียกใช้เพื่อดูว่า
ตั้งแต่บรรทัดแรก จนถึง code บรรทัดที่เรียกคำสั่งนี้ ใช้ memory ไปแล้วเท่าไหร่

http://th.php.net/manual/en/function.memory-get-usage.php

ดูใน docs นะครับ ใช้ไม่ยากๆ

ปล. entry นี้อ้างอิงจากที่ > ThaiSEOBoard # ความงี่เง่าของ SLHost <

ปปล. entry นี้เขียน ปล. ก่อนเนื้อหาซะอีก