در این مقاله قصد داریم آپلود فایل را از طریق ASP.NET MVC مورد بررسی قرار دهیم. به طور طبیعی بخشهای Model جهت داشتن یک Object به صورت Strongly Typed ، Controller جهت داشتن متدهای Upload و View به جهت ایجاد Script ها و UI درگیر خواهند بود. بدون اتلاف وقت به بررسی Model که در اینجا آنرا یک ViewModel فرض کرده ایم خواهیم پرداخت.
بسمه تعالی
در این مقاله قصد داریم آپلود فایل را از طریق ASP.NET MVC مورد بررسی قرار دهیم. به طور طبیعی بخشهای Model جهت داشتن یک Object به صورت Strongly Typed ، Controller جهت داشتن متدهای Upload و View به جهت ایجاد Script ها و UI درگیر خواهند بود. بدون اتلاف وقت به بررسی Model که در اینجا آنرا یک ViewModel فرض کرده ایم خواهیم پرداخت.
یک فولدر به نام ViewModels به یک پروژه ASP.NET MVC آماده اضافه کنید. دلیل اینکه از ViewModel به جای Model استفاده کردم این است که دقیقا روشن کنم که پای دیتابیس آنچنان در میان نیست، وگرنه همانطور که میدانید، تفاوتی بین Model و ViewModel وجود ندارد.
مطابق تصویر بالا ViewModel مورد نظر را ایجاد کنید.
حال به سراغ HomeController خواهیم رفت و Action Method های لازمه را ایجاد میکنیم.
1- در ابتدا نگاهی به Index Action Method می اندازیم که البته هیچ کدی ندارد.
2- به شکل زیر یک Action Method به نام Upload خواهیم داشت.
3- جهت حذف فایل Upload شده هم یک Method نیاز داریم.
4- آخرین متد درون Controller متدی به نام GetFiles و به شکل زیر خواهد بود.
خوب مراحل کار در Controller تمام شد. حال به سراغ Layout خواهیم رفت.
اگر دقت کرده باشید درون Controller از یک Partial View به نام _UploadsPartial استفاده شده است. یک فایل در آدرس Shared از View ها باید ساخته شود. محتوای این PartialView به شکل زیر است.
و بالاخره به سراغ Index View خواهیم رفت. فایل Index به دلیل وجود Script های Jquery دیگر به آن صورت قابل آموزش نیست و بهتر است سورس کل پروژه را در اختیار داشته باشید، چرا که درون Content هم باید فایلهای لازمه از قبیل CSS و درون Script هم فایلهای JS را داشته باشید.
در این پروژه در کل میتوانید فایل را انتخاب و Upload کنید . اگر لازم شد درون دیتابیس هم چیزی ذخیره شود، درون Controller میتوانید دستورات لازمه را اضافه کنید.
سورس پروژه