รับทำเว็บไซต์ครบวงจร
เลือกภาษา Thai English     facebook
รายการหลัก



บทความ


Page Ranking Tool

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


สอน ASP net MS SQL
> ASP.NET MVC 3 และการ Upload File


จุดประสงค์

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

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

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


การปฏิบัติ

สร้างโครงการขึ้นใหม่ เลือก MVC 3 ตั้งชื่อว่า MvcFileUpload
รับทำเว็บ  webUB.com


2.เลือก Interner Application แล้วคลิก OK
รับทำเว็บ  webUB.com



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



4.เรียกใช้ system.io ที่ด้านบน
รับทำเว็บ  webUB.com



5. จากนั้นสร้าง Action ดังต่อไปนี้
รับทำเว็บ  webUB.com



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



7. ไปที่ Edit.cshtml

แล้วเพิ่มโค้ดลงไปดังนี้
รับทำเว็บ  webUB.com





8.เปิดไฟล์ _Layout.cshtm จากที่นี่
รับทำเว็บ  webUB.com





9.เพิ่ม ActionLink เพื่อเข้าถึงหน้า Upload เข้าไปดังนี้
รับทำเว็บ  webUB.com



10. จากนั้นทดลอง Run กด F5 จะได้ผลดังนี้
รับทำเว็บ  webUB.com





11.คลิกที่ Upload จะเข้าสู่ วิว Edit ให้ลอง Upload File
รับทำเว็บ  webUB.com





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

จะพบไฟล์ที่อัพขึ้นไปดังนี้
รับทำเว็บ  webUB.com





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

อ้างอิงจาก
http://www.c-sharpcorner.com/UploadFile/dhananjaycoder/Fileuploadinaspnetmvc06292009030526AM/Fileuploadinaspnetmvc.aspx

http://sinosoi.wordpress.com/2011/09/22/dev-asp-net-mvc-3-%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3-upload-file/

Short URL click!
<< กลับคืน : เข้าชม 14,121 ครั้ง : ขึ้นไปด้านบน

รับทำเว็บไซต์ รับสร้างเว็บไซต์ รับออกแบบเว็บ รับเขียนเว็บ รับสอนทำเว็บ รับเช่า hosting รับเช่าพื้นที่เว็บไซต์ จดชื่อเว็บ รับโปรโมทเว็บไซต์ รับดูแลเว็บ SiteMap
สปริงเกอร์http://www.xn--22c2c4blb9n.xn--o3cw4h/