Skip to content


Image Tag แบบไม่ง้อไฟล์

ใช่ครับ วันนี้ผมจะมาเล่าเรื่องการเขียน image tag แบบไม่ธรรมดาให้อ่านกันครับ image tag ที่ผมหมายถึงเนี่ย มันก็คือ นี่แหละครับ การเขียนแบบไม่ง้อไฟล์คือโดยปกติแล้ว เราจะระบุชื่อไฟล์ รวมถึง path ใน attribute src ใช่มั๊ยครับ แต่คราวนี้ เราจะเขียนแบบไม่ทำแบบนั้นครับ งานนี้เล่นจริง เจ็บจริง ไม่ใช้ javascript ไม่ใช้ css ครับ

เพื่อความตื่นเต้น ลองไปดูที่ LIVE DEMO กันก่อนดีกว่าครับ

จะเห็นได้ว่า มันก็ไม่เห็นมีอะไรพิเศษ ก็เป็นเว็บที่มีรูป smiley ธรรมดา แต่ถ้าลอง view source ดู จะเห็นครับ ว่ามันพิเศษยังไง

ใช่แล้วครับ ทริกของมันก็คือ เราทำการระบุ content-type และเนื้อของไฟล์ลงไปตรง ๆ ในนั้นเลยครับ รูปแบบการเขียนคือ

Share

Posted in HTML, Image.

Tagged with , , , .


9 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. oarvoodoo says

    แล้วเราจะทำรูปให้เป็นตัวอักษรที่อยู่ใน source ได้ยังไงครับ

  2. chonla says

    ถ้าเอาแบบง่าย ๆ ก็แบบนี้เลยครับ

    $code = base64_encode(file_get_contents(“smiley.gif”));
    echo $code;

    ตรงไปตรงมาครับ

  3. bobo says

    ขอบคุณค้าบพี่อู

  4. gps ติดรถ says

    รูปมันหายอะ

  5. chonla says

    เหมือนจะใช้กับ IE6,7 ไม่ได้นะครับ ลองใช้ IE8, FF หรือ Chrome ดูครับ

  6. พีกับยู says

    แล้วประโยชน์ของมันละครับ

  7. chonla says

    เท่าที่เข้าใจก็ ลด file i/o, network i/o ครับ

  8. bAnk` says

    ท่าน chonla คับ
    ผมขอถามเรื่อง การเปลี่ยนสีรูปภาพเฉพาะจุดได้ป่าวครับ
    เช่น http://php.about.com/od/gdlibrary/ss/grayscale_gd.htm
    เว็บนี้อ่ะครับ
    แต่ในเว็บนี้เค้าเปลี่ยโทนสีทั้งรูปภาพ อ่ะ แต่ถ้าอยากเปลี่ยนเฉพาะ สีชุดของเด็กผู้หญิงให้เป็นสีฟ้าอะไรแบบนี้จะได้ป่าวครับ

  9. chonla says

    คิดว่าได้ครับ แต่ใน php มันจะสนับสนุนแค่การ fill สีบริเวณที่เป็นสี “เดียวกัน” เท่านั้นครับ ดังนั้นถ้าต้องการ fill สีบริเวณที่มีสี “ใกล้เคียงกัน” คงใช้คำสั่งธรรมดาใน php ไม่ได้ครับ ต้องเขียน function ขึ้นมาใหม่ครับ

    แต่ผมตอบตามตรงครับ ผมไม่มีความรู้ด้าน graphic programming เลยครับ ขออภัยด้วยครับ



Some HTML is OK

or, reply to this post via trackback.

*