Dev :: ASP.NET MVC 3 และการ Upload File

Posted: กันยายน 22, 2011 in asp.net
ป้ายกำกับ:, , , , , ,

จุดประสงค์

สาธิตการสร้างเว็บแอพเพื่ออัพโหลดแฟ้มข้อมูลจาก Client ไปวางบนโฟลเดอร์ที่อนุญาต บนเครื่องแม่ข่าย

สิ่งที่ต้องมี

  • Visual Studio 2010
  • มีความรู้เกี่ยวกับ MVC

 

การปฏิบัติ

  1. สร้างโครงการขึ้นใหม่ เลือก MVC 3 ตั้งชื่อว่า MvcFileUpload

image

2.เลือก Interner Application แล้วคลิก OK

 image

 

3. คลิกขวาที่ Folder Controllers แล้ว Add Controller สำหรับผมตั้งชื่อว่า FileUpload และใช้เทมเพลตแบบว่าง แล้วคลิกปุ่ม Add

image

 

4.เรียกใช้ system.io ที่ด้านบน

clip_image001

 

5. จากนั้นสร้าง Action ดังต่อไปนี้

image

 

6. เพิ่ม view ที่ action Edit ด้วยการคลิกขวาที่ Action Edit แล้วเลือก Add view แล้วคลิกปุ่ม Add

image

 

7. ไปที่ Edit.cshtml

แล้วเพิ่มโค้ดลงไปดังนี้

image

 

8.เปิดไฟล์ _Layout.cshtm จากที่นี่

image

 

9.เพิ่ม ActionLink เพื่อเข้าถึงหน้า Upload เข้าไปดังนี้

image

10. จากนั้นทดลอง Run กด F5 จะได้ผลดังนี้

image

 

11.คลิกที่ Upload จะเข้าสู่ วิว Edit ให้ลอง Upload File

image

 

12. เมื่อ Submit ไปแล้วจะกลับมาที่ Home/Index ลองเปิด Folder เพื่อตรวจสอบว่าอัพโหลดไปได้จริงหรือไม่

จะพบไฟล์ที่อัพขึ้นไปดังนี้

image

 

13. จบแล้วครับ ไม่ยากเนอะ

อ้างอิงจาก

http://www.c-sharpcorner.com/UploadFile/dhananjaycoder/Fileuploadinaspnetmvc06292009030526AM/Fileuploadinaspnetmvc.aspx

ใส่ความเห็น