MVC:上传文件列表并保存在个人文件夹(name-GUID)中

时间:2013-12-04 11:18:08

标签: c# asp.net asp.net-mvc asp.net-mvc-4 razor-2

我想从各种用户上传多个文件并将它们全部保存在服务器上,并为每个用户提供单独的文件夹,其中包含他上传文件的列表。

要求:如果用户上传了5个文件,则所有5个文件都将存储在具有GUID FolderName的单个文件夹中。

我的下面代码为用户上传的每个文件创建一个新文件夹。 例如:如果用户上传了5个文件,则所有五个文件将存储在具有GUID FolderName的五个不同文件夹中。

我的控制器上传方法如下所示:

 ##Controller Code##

    public string Upload(HttpPostedFileBase fileData)
    {            var testfolder = this.Server.MapPath("~/uploads/");
             string newGuid = Guid.NewGuid().ToString();
             string pathToCreate = Path.Combine(testfolder, newGuid);
             if (!System.IO.Directory.Exists(pathToCreate))
             {
                 System.IO.Directory.CreateDirectory(System.IO.Path.Combine(testfolder, newGuid));
             }
             var fileName = pathToCreate + "//" + System.IO.Path.GetFileName(file.FileName);
             file.SaveAs(fileName);                              
             return "OK"; 
     }

##查看代码##

  @{
  Layout = "~/Views/Shared/_Layout.cshtml";
  }
   <link href="@Href("~/Content/uploadify.css")" rel="stylesheet" />
 <link href="@Href("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />
 <div class="row">
 <div style="width: 50%;">

        <input type="file" id="multipleFiles" style="width: 50%;" /><div style="width:     77%;
            float: right" id="progressbar">
        </div>
    </div>
    <div id="fileQueue"></div>
   </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"                          type="text/javascript"></script>
     <script src="@Href("~/Scripts/jquery-1.9.1.js")" type="text/javascript"></script>
      <script src="@Href("~/Scripts/bootstrap.js")" type="text/javascript"></script>

        <script src="@Href("~/Scripts/jquery.uploadify.js")" type="text/javascript">   </script>
        <script type="text/javascript">

         $(function () {
     $("#multipleFiles").uploadify({
        'swf': 'Scripts/uploadify.swf',
        'cancelImg': '/Images/trash.jpg',
        'buttonText': 'Add Documents',
        'uploader': 'Upload/Upload',
        'folder': '/uploads',
        'dataType': 'json',
        'fileDesc': 'Image Files',
        'fileExt': '', //'*.jpg;*.jpeg;*.gif;*.png',
        'multi': true,
        'removeCompleted': false,
        'auto': false,
        'height': '30px',
        'queueID': 'fileQueue'
           });
   });
</script>

1 个答案:

答案 0 :(得分:0)

好的,鉴于您无法使用Sessions,我建议如下:

在视图中生成GUID,并将网址作为您要发布到的网址的一部分包含在内:

警告:此代码不保证,我没有测试过,因此可能需要进行一些调整。请认为它背后的想法更重要。 :)

查看代码:

 $(function () {

     var guid= '@(Guid.NewGuid().ToString())'; //generated on render time

     $("#multipleFiles").uploadify({
        'swf': 'Scripts/uploadify.swf',
        'cancelImg': '/Images/trash.jpg',
        'buttonText': 'Add Documents',
        'uploader': 'Upload/Upload?guid='+guid, //modified to include guid
        'folder': '/uploads',
        'dataType': 'json',
        'fileDesc': 'Image Files',
        'fileExt': '', //'*.jpg;*.jpeg;*.gif;*.png',
        'multi': true,
        'removeCompleted': false,
        'auto': false,
        'height': '30px',
        'queueID': 'fileQueue'
     });
});

控制器代码:

public string Upload(HttpPostedFileBase fileData, Guid guid)  {
    //now you can use the guid to save the files
}