แสดงรูปภาพก่อนอัพโหลดและ Resize PHP & JS | boychawin.com

แสดงรูปภาพก่อนอัพโหลดและ Resize PHP & JS

  • May 21, 2021 3,366
แสดงรูปภาพก่อนอัพโหลดและ Resize PHP & JS
  • Share


การทำงาน เมื่อกดเลือกรูปภาพ Script จะทำการโหลดรูปภาพขึ้นมา แสดงก่อนที่เราจะทำการกดอัพโหลดรูปภาพ ไปที่ Server และเมื่อทำงานกดอัพโหลดจะส่งค่าไปทำการ Resize รูปภาพและทำการอัพโหลดรูปภาพไปเก็บไว้ที่ โฟลเดอร์ img แล้วจะทำการดึงรูปภาพขึ้นมาแสดง ตามตัวอย่าง

- Resize รองรับไฟล์นามสกุล PNG, GIFJPEG 
#ภาพต้องมีขนาดระดับ MB  ถ้าไฟล์ขนาดน้อยๆ อาจจะมีการเพิ่มขนาดแทนนะครับ


เครื่องมือ

- CSS Framework Bootstrap 5

ขั้นตอนการติดตั้ง

1. Copy โค้ดอยู่ด้านล่างนี้ 
2. ตั้งชื่อไฟล์ ใส่นามสกุล .PHP 
3. สร้างโฟลเดอร์ ชื่อ img


ดูตัวอย่าง Youtube  






GitHub

  • Share

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

ติดตาม Facebook

ยอดนิยมวันนี้

ยอดนิยม

เว็บเทรด Bitcoin

Guwork.co

guwork

ช่องทางติดต่อเรา