การอัปโหลดไฟล์พร้อมการแสดงตัวอย่างสำหรับประเภทไฟล์รูปภาพและไม่ใช่รูปภาพ

ฉันค้นหาข้อมูลในเน็ตมาหลายครั้งแล้วและพยายามค้นหาวิธีแก้ไขปัญหาของฉัน จนถึงตอนนี้ยังไม่มีโชค

ฉันต้องการโปรแกรมอัปโหลดไฟล์บนไซต์ของฉันที่จะสร้างภาพตัวอย่างขนาดย่อของไฟล์ที่ผู้ใช้อัปโหลด (จำกัดให้อัปโหลดทีละไฟล์) สำหรับประเภทไฟล์ที่อนุญาต (เช่น jpg, gif, Word, pdf และอื่นๆ) .

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

ฉันกำลังมองหาโซลูชันที่จะทำงานได้ดีกับ Bootstrap + PHP + AWS S3 แต่สามารถยืดหยุ่นได้ อาจเป็นโซลูชันแบบชำระเงินหรือฟรี แต่ฉันไม่อยากจ่ายเงินหลายร้อยต่อเดือน (หรือหลายสิบดอลลาร์ต่อเดือน!)

ใครสามารถชี้ฉันไปในทิศทางที่ถูกต้อง? ฉันรู้ว่าฉันควรจะโพสต์ตัวอย่างโค้ด แต่ตอนนี้ฉันยังไม่มีที่จะโพสต์! อย่างที่บอกไปแล้วว่าฉันค่อนข้างใหม่กับการอัพโหลดไฟล์ ดังนั้นถ้าคุณต้องการคุยกับฉันแบบว่าฉันอายุ 5 ขวบก็น่ายินดีนะ! ฮ่าๆ


person Sheldon Scott    schedule 04.11.2015    source แหล่งที่มา
comment
หากคุณไม่สนใจ IE 9 หรือต่ำกว่า ก็ควรมีตัวเลือกและปลั๊กอินมากมาย   -  person Andrew    schedule 04.11.2015
comment
Word, pdf ไม่ใช่ไฟล์รูปภาพ ? ดู stackoverflow com/questions/28856729/   -  person guest271314    schedule 04.11.2015
comment
เห็นได้ชัดว่าคุณเล่นอินเทอร์เน็ตได้ดีกว่าฉัน @ guest271314! ฉันจะเล่นกับเรื่องนี้   -  person Sheldon Scott    schedule 04.11.2015
comment
โอ้คุณเป็นผู้เขียน! ฉันอ่านผิด ดี. แล้วภาพที่แสดงเมื่ออัพโหลดคือภาพตัวอย่างไฟล์ใช่ไหม? (การดูภาพด้วยการคลิกขวาจะโหลดทรัพยากร ดังนั้นฉันจึงสงสัย) นี่อาจเป็นวิธีแก้ปัญหาที่ฉันต้องการ...   -  person Sheldon Scott    schedule 04.11.2015