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

当需要为每个用户建立一个专属上传文件夹的时候,可以在提交文件的视图中添加一个隐藏域,并设置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" />

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

 

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

 

在user123文件夹中有上传图片和缩略图文件夹:
MVC文件上传08-使用客户端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 $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案例

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

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

上一篇:Jquery 遍历 Table;遍历CheckBox ;遍历Select;全选/全不选


下一篇:js 函数作为参数+接受任意数量参数