توضیحات و دانلود

آپلود فایل با استفاده از jQuery AJAX در ASP.Net MVC
0 0
آپلود فایل با استفاده از jQuery AJAX در ASP.Net MVC

 با سلام در این مقاله با یک مثال توضیح خواهیم داد که چگونه می توان از پلاگین jQuery Uploadify برای آپلود چندین فایل در ASP.Net MVC استفاده کرد.

View
View زیر شامل یک عنصر HTML FileUpload است که افزونه jQuery Uploadify اعمال خواهد شد.
فایل های مورد نیاز پلاگین jQuery Uploadify در داخل پوشه ای به نام Uploadify در داخل پروژه قرار می گیرند.
کلیه فایل های لازم Script و CSS مورد نیاز برای پلاگین jQuery Uploadify در بخش HEAD قرار دارد و پلاگین jQuery Uploadify بر روی عنصر HTML FileUpload اعمال می شود.
ویژگی اسکریپت پلاگین jQuery Uploadify بر روی Index Method of Home Controller تنظیم شده است .

<html>
<head>
    <meta name="viewport" content="width=device-width"/>
    <title>Index</title>
    <link rel="Stylesheet" type="text/css" href="../Uploadify/uploadify.css"/>
    <script type="text/javascript" src="../Uploadify/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="../Uploadify/jquery.uploadify.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#postedFile").fileUpload({
                'uploader': '../Uploadify/uploader.swf',
                'cancelImg': '../Uploadify/cancel.png',
                'buttonText': 'Browse Files',
                'script': '/Home/Index/',
                'folder': 'Uploads',
                'fileDesc': 'Image Files',
                'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
                'multi': true,
                'auto': true
            });
        });
    </script>
</head>
<body>
    <div>
        <input type="file" id="postedFile" name="postedFile"/>
    </div>
</body>
</html>

فضاهای نام
شما باید نام نامهای زیر را وارد کنید.

using System.IO;

Controller
شاخص روش Action به طور پیش فرض از عملکرد GET پشتیبانی می کند و از این رو روش دیگری برای عملکرد POST ایجاد می شود که پارامتر را می پذیرد که مجموعه ای از نوع HttpPostedFileBase است .
توجه :

نام پارامتر HttpPostedFileBase باید همیشه FileData باشد زیرا این نام متغیر توسط پلاگین jQuery Uploadify استفاده می شود.
یک حلقه روی مجموعه HttpPostedFileBase اجرا و هر یک به یک فایل در فهرست (پوشه) ذخیره می شوند.

public class HomeController : Controller
{
    // GET: Home
    [HttpGet]
    public ActionResult Index()
    {
        return View();
    }
 
    [HttpPost]
    public ActionResult Index(List<HttpPostedFileBase> FileData)
    {
        string path = Server.MapPath("~/Uploads/");
        foreach (HttpPostedFileBase postedFile in FileData)
        {
            if (postedFile != null)
            {
                string fileName = Path.GetFileName(postedFile.FileName);
                postedFile.SaveAs(path + fileName);
            }
        }
 
        return View();
    }
}

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :