MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹

MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹

 2014/3/24 16:57:45  Darren Ji  博客园  我要评论(0)
  • 摘要:当需要为每个用户建立一个专属上传文件夹的时候,可以在提交文件的视图中添加一个隐藏域,并设置name="objectContext"。相关兄弟篇:MVC文件上传01-使用jquery异步上传并客户端验证类型和大小MVC文件上传02-使用HttpPostedFileBase上传多个文件MVC文件上传03-使用Request.Files上传多个文件MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传MVC文件上传05
  • 标签:MVC file 使用 服务端 上传 文件 插件 用户 客户 客户端 服务 jQuery

当需要为每个用户建立一个专属上传文件夹的时候,可以在提交文件的视图中添加一个隐藏域,并设置name="objectContext"。

 

相关兄弟篇:

MVC文件上传01-使用jquery异步上传并客户端验证类型和大小 
MVC文件上传02-使用HttpPostedFileBase上传多个文件  
MVC文件上传03-使用Request.Files上传多个文件
MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传  
MVC文件上传05-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义上传文件夹 
MVC文件上传06-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义控制器上传多个文件 
MVC文件上传07-使用客户端jQuery-File-Upload插件和服务端Backload组件裁剪上传图片

 

□ 在上传文件的视图中添加<input type="hidden" name="objectContext" value="user123" />

class="cnblogs_code_Collapse">展开


□ Backload配置文件Web.backload.config,设置getInclSubFolders ="true"

   1:  <?xml version="1.0"?>
   2:   
   3:  <backload xsi:noNamespaceSchemaLocation="Web.Backload.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:name="urn:backload-schema" thumbsUrlPattern="{Backload}"  getInclSubFolders ="true">
   4:   
   5:    <images width="200" height="200" dpi="96" resizeMode="ratio" />
   6:    <thumbnails path="_thumb" width="60" height="60" canvasColor="#00000000" resizeMode="place" imageType="image/png" />
   7:    <fileSystem filesRoot="~/Upload" />
   8:    <cacheManager lastModified="true" etag="true"/>
   9:  </backload>


□ 结果

上传界面:
9

 

在Upload文件夹中有用户user123的专属文件夹:
10

 

在user123文件夹中有上传图片和缩略图文件夹:
11

 

□ 其它传递用户信息方式

1、在JQuery File Upload初始化js文件中,通过post方式

   1:      $('#fileupload').bind('fileuploadsubmit', function (e, data) {
   2:          // The example input, doesn't have to be part of the upload form:
   3:          var $context = $('#objContext');
   4:          data.formData = { example: $context.val() };
   5:      });

 

2、在JQuery File Upload初始化js文件中,通过get方式   

var fileUploadUrl = "/Backload/UploadHandler" + "&objectContext=user123";

 

参考资料:
※ http://backload.org/ Backload官网
※ https://github.com/blackcity/Backload#examples Backload例子
※ http://nuget.org/packages/Backload/ nuget上的Backload

※ http://blueimp.github.io/jQuery-File-Upload/ jQuery File Upload官网
※ https://github.com/blueimp/jQuery-File-Upload/wiki  github上的jQuery File Upload介绍
※ https://github.com/blueimp/jQuery-File-Upload  github上的jQuery File Upload源码

※ https://www.nuget.org/packages/JQueryFileUpload_Demo_with_Backload/  下载jQuery File Upload结合Backload的MVC案例

发表评论
用户名: 匿名