About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

การตรวจสอบรูปภาพ กรณีรูปภาพไม่แสดงผลบน Web Page [Article ID : 159]


เรื่อง : การตรวจสอบไฟล์รูปภาพ กรณีรูปภาพไม่แสดงผลบน Web Page

คุณอาจจะเคยมีปัญหาเกี่ยวกับการ Insert รูปภาพ (Images) มาใช้งานบนหน้าเว็บเพจของคุณ แล้วรูปภาพไม่ปรากฎแสดงผลกันบ้าง ซึ่งที่ Web Browser จะแสดงเป็นช่องว่าง ๆ แล้วมีเครื่องหมายสัญลักษณ์ว่าไม่สามารถแสดงรูปภาพได้ อยู่ด้านบนซ้ายมือปรากฏแทน ครั้งนี้ผมจะแนะนำการตรวจสอบปัญหาในกรณีนี้ดังกล่าวให้ครับ ดังนี้

สาเหตุที่รูปภาพไม่แสดงผล

สาเหตุที่รูปภาพไม่ปรากฏจะมีอยู่ 2 สาเหตุใหญ่ ๆ ด้วยกัน ดังนี้
1. รูปภาพนั้นไม่มีอยู่จริงบน Server/Web Hosting
2. URL ไฟล์รูปภาพ ไม่มีลักษณะเรียกเป็นรูปแบบ URL

ทั้ง 2 ข้อข้างต้นคือสาเหตุหลัก ๆ ที่ผมมักพบเจอบ่อย ๆ จากผู้ที่เข้ามาสอบถาม และเข้าไปช่วยแก้ปัญหา ซึ่งทั้ง 2 สาเหตุ มีวิธีการตรวจสอบและแก้ไข ดังนี้

:: วิธีตรวจสอบ และการแก้ไข ::

ทั้ง 2 สาเหตุข้างต้น เราสามารถใช้ Web Browser ที่ใช้ทำการตรวจสอบได้ครับ โดยให้ทำการเปิด Web Page ที่มีปัญหานั้นกับ Web Browser (ในบทความนี้ผมใช้ Chrome เป็นตัวอย่าง) จากนั้นจึงทำการตรวจสอบ ดังนี้

วิธีตรวจสอบ

การตรวจสอบรูปภาพไม่แสดงผลกับเว็บเพจของเราด้วย Web Browser นั้น เราสามารถตรวจสอบได้ง่าย ๆ ครับ ดังนี้

1. ที่ Web Browser ให้เรานำเมาท์ไปที่ตำแหน่งของรูปภาพที่ไม่ปรากฏ จากนั้นให้ทำการ Click ขวาที่ตำแหน่งนั้น จากนั้นเลือกไปที่เมนู ตรวจสอบ ดังรูป 2. เมื่อเลือกแล้วจะปรากฎ Developer Tools ขึ้นมาด้านล่างของ Browser ดังรูป 3. ให้เราสังเกตุที่ Tag ที่ Browser ได้ทำการไฮไลท์เลือกไว้ให้ จะพบตำแหน่งและชื่อของไฟล์รูปภาพที่ใช้ ให้ทำการคลิกขวาไปที่ชื่อรูปภาพ จากนั้นเลือกที่ Open link new in tab ดังรูป 4. เมื่อปฏิบัติตามข้อ 3 แล้ว หากไฟล์รูปภาพนั้นไม่มีอยู่จริงบน Server หรือ Web Hosting ที่หน้าจอ Web Browser จะแสดงผล ดังรูป *จากรูปแสดงว่าที่ Web Hosting ของเราไม่มีไฟล์รูปภาพนั้นอยู่ Web Browser จึงไม่สามารถแสดงผลได้

วิธีการแก้ไข

เมื่อเราทราบสาเหตุแล้วให้ทำการแก้ไข ดังนี้

1. Upload ไฟล์รูปภาพขึ้นบน Server หรือ Web Hosting โดยอัพโหลดให้ถูกต้องตรงตาม Folder ที่ไฟล์รูปภาพเรียกใช้งาน
2. หากอัพโหลดขึ้น Web Hosting แล้ว รูปก็ยังไม่แสดงผล ให้ท่านอ่านและทำความเข้าใจ 2 บทความ นี้
- การตั้งชื่อไฟล์ที่ใช้กับเว็บไซต์
- Insert รูปภาพกับ Dreamweaver แล้วรูปไม่แสดงที่ Browser

หมายเหตุ
...อีกกรณีนึงที่รูปภาพไม่แสดงผลกับ Web Browser ก็คือ มีการปิดการเรียกดูรูปภาพของเว็บที่ Web Browser ไว้ครับ (อาจเกิดขึ้นได้แต่น้อย นอกจากมีมือดีมา Set แกล้งนะครับ)
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

ทำความเข้าใจเกี่ยวกับความแตกต่างระหว่าง Elements และ Tags (Elements vs. Tags)

เรื่อง : ความแตกต่างระหว่าง Elements กับ Tags การเขียนโค้ดในลักษณะของภาษาแบบ Markup อ...  

องค์ประกอบเว็บไซต์ในแบบ CDP

เรื่อง :: องค์ประกอบเว็บไซต์ในแบบ CDP CDP คืออะไร CDP เป็นอักษรย่อของคำว่า Content - Design - Program ครับ ผมพบคำนี้ใน We...  

ติดตั้ง Search Engine ของ Google ในเว็บไซต์

เรื่อง : ติดตั้ง Search Engine ของ Google ในเว็บไซต์ของเรา มีคนเข้ามาโพสต์ถามกันมากมายที่หน้า Webboard ว่าอยากจะมี ...  

Cookies เรื่องของคุกกี้

เรื่อง :: Cookie Fileเรื่องนี้จริง ๆ แล้วไม่เกี่ยวกับโปรแกรม Dreamweaver หรอกครับ แต่อยากเขียนเพื่อเป็นเกร็ดเล็ก ๆ น...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*