<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Hopes

    Start Here..

     

    用Html5與Asp.net MVC上傳多個文件

    用Html5與Asp.net MVC上傳多個文件

         Html 5 的有一些File API,對Form表單增強的特性,讓我們輕松支持多文件上傳,看下面的Html片斷代碼:

    <form action="/Home/Upload" enctype="multipart/form-data" id="form2" method="post"> 
              <input type="file" name="fileToUpload" id="fileToUpload2"  multiple="multiple"  />
             <input type="submit" value="submit" />
    </form>


        那在Asp.net MVC web application中,我們可以這么實現:

     @using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "form2" }))
     {    
             <label for="file">Upload Image:</label>
             <input type="file" name="fileToUpload" id="fileToUpload2"  multiple="multiple"  />
             <input type="submit" value="Upload Image by submit" />
     }


    假設這是一個HomeController下View, 即將提交到Upload的Action,看下面服務端的代碼:

            [HttpPost]
            public ActionResult Upload(HttpPostedFileBase[] fileToUpload)
            {
                foreach (HttpPostedFileBase file in fileToUpload)
                {
                    string path = System.IO.Path.Combine(Server.MapPath("~/App_Data"), System.IO.Path.GetFileName(file.FileName));
                    file.SaveAs(path);
                }
     
                ViewBag.Message = "File(s) uploaded successfully";
                return RedirectToAction("Index");
            }


    好的,就這么簡單。 這里我們把接收到文件存儲到App_Data文件夾中,然后返回Index的Action. 看下面圖片,我們能夠從文件選擇器選擇多張圖片: 
    mutliImagesfiles 

    關于HTML5這個特性在那些瀏覽器支持,您可以去這里查看。 您還可以查看W3C官方的文檔。我們在FireFox 14.01下測試能過。

    希望對您Web開發有幫助。 

    您可能感興趣的文章:

    Html 5中自定義data-*特性 


    作者:Petter Liu 
    出處:http://www.cnblogs.com/wintersun/ 
    本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。 
    該文章也同時發布在我的獨立博客中-Petter Liu Blog

    posted on 2012-08-27 20:56 ** 閱讀(264) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    導航

    統計

    公告

    你好!

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章分類

    文章檔案

    新聞檔案

    相冊

    收藏夾

    C#學習

    友情鏈接

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 国产91在线|亚洲| 亚洲成a人片77777群色| 久久水蜜桃亚洲AV无码精品| a拍拍男女免费看全片| 亚洲精品高清国产麻豆专区| 最近最新高清免费中文字幕 | 国产精品免费_区二区三区观看 | 亚洲毛片无码专区亚洲乱| 4444www免费看| 亚洲国产精品专区| 国产卡二卡三卡四卡免费网址| 亚洲一区二区三区高清视频| 欧洲黑大粗无码免费| 亚洲另类无码专区首页| 四虎免费久久影院| 国产无限免费观看黄网站| 亚洲∧v久久久无码精品 | 人妻无码一区二区三区免费| 亚洲男人电影天堂| 成人免费无码视频在线网站| 99亚洲乱人伦aⅴ精品| 在线A亚洲老鸭窝天堂| 精品香蕉在线观看免费| 久久久久亚洲精品无码网址色欲 | 免费二级毛片免费完整视频| 久久www免费人成看国产片| 亚洲一区二区三区电影| 成年女人免费视频播放77777| 免费播放国产性色生活片| 亚洲AV无码专区电影在线观看| 37pao成人国产永久免费视频| 亚洲精品国产综合久久久久紧| 亚洲第一区精品日韩在线播放| 男人j进入女人j内部免费网站| 亚洲AV无码国产精品色| 亚洲精品高清在线| 欧洲一级毛片免费| 丁香六月婷婷精品免费观看| 亚洲美女精品视频| 亚洲日韩在线观看免费视频| 19禁啪啪无遮挡免费网站|