MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹

为用户创建专属上传文件夹后,如果想在其中再创建分类子文件夹,该怎么做?可以在提交文件的视图中再添加一个隐藏域,并设置 name="uploadContext"。

 

相关兄弟篇:

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组件裁剪上传图片 
MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹 

□ 在上传文件的视图中

添加<input type="hidden" name="objectContext" value="user123" />
添加<input type="hidden" name="uploadContext" value="category_1" />

MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹展开

 

□ 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>


□ 结果

上传界面:
MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹

 

Upload下有用户文件user123:
MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹

 

用户文件夹下有分类文件夹_category_1:
MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹

 

分类文件夹_category_1下有上传的图片和缩略图:
MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹

 

□ 其它传递用户信息和分类信息方式

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 $oc = $(‘#objContext‘);
   4:          var $uc = $(‘#upContext‘);
   5:          data.formData = { objectContext: $oc.val() , uploadContext: $uc.val() };
   6:      });

 

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

var fileUploadUrl = "/Backload/UploadHandler?" + "objectContext=raffael&uploadContext=adult_period";

 

参考资料:
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案例

MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹,布布扣,bubuko.com

MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹

上一篇:WebSphere MQ基础命令


下一篇:js 获取table tr td内的select 和input text