博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MVC文件上传05-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义上传文件夹...
阅读量:5243 次
发布时间:2019-06-14

本文共 3546 字,大约阅读时间需要 11 分钟。

在零配置情况下,文件的上传文件夹是根目录下的Files文件夹,如何自定义文件的上传文件夹呢?

 

MVC文件上传相关兄弟篇:

 

  
  

□ 在web.config中配置

1:  
2:    
3:    ...
4:    
5:    
6:
7:     
8:      
9:    
10:   
11:  

Version可以通过右键程序集属性中查到。

PublicKeyToken可以通过反编译器,比如Reflector查到。

 

□ 注销BackloadDemoController的Index方法

1:  using System.Web.Mvc;
2:   
3:  namespace MvcApplication6.Controllers
4:  {
5:      public class BackloadDemoController : Controller
6:      {
7:          // GET: /BackupDemo/
8:          //public ActionResult Index()
9:          //{
10:          //    return View();
11:          //}
12:      }
13:  }
14:   

 

□ 让BaseController继承BackloadDemoController,并注销Index方法

1:  using System.Web.Mvc;
2:   
3:  namespace MvcApplication6.Controllers
4:  {
5:      public class BaseController : BackloadDemoController
6:      {
7:          //public ActionResult Index()
8:          //{
9:          //    return View();
10:          //}
11:      }
12:  }

 

□ 让HomeController继承BaseController

1:  using System.Web.Mvc;
2:   
3:  namespace MvcApplication6.Controllers
4:  {
5:      public class HomeController : BaseController
6:      {
7:          public ActionResult Index()
8:          {
9:              return View();
10:          }
11:      }
12:  }
13:   

□ _Layout.cshtml视图

1:  
2:  
3:  
4:      
5:      
6:      @ViewBag.Title
7:      @Styles.Render("~/Content/css")
8:      @Styles.Render("~/Content/themes/base/css")
9:      @Styles.Render("~/bundles/fileupload/bootstrap/BasicPlusUI/css")
10:      @Scripts.Render("~/bundles/modernizr")
11:   
12:  
13:  
14:      @RenderBody()
15:   
16:      @Scripts.Render("~/bundles/jquery")
17:      @Scripts.Render("~/bundles/jqueryui")
18:      @Scripts.Render("~/bundles/fileupload/bootstrap/BasicPlusUI/js")
19:      @RenderSection("scripts", required: false)
20:  
21:  
22:   

□ Home/Index.cshtml视图

展开@{    ViewBag.Title = "Index";    Layout = "~/Views/Shared/_Layout.cshtml";}    
添加文件...
 
@section scripts{ }

 

□ 结果:

上传2个文件:

 

这次,图片上传到了Uploads文件夹:

 

Uploads文件夹有刚上传的2个文件:

 

□ 如果想让web.config配置文件相对“干净”,可以把与Backload相关的配置放到单独的一个配置文件

web.config中可以这样:

1:  
2:    
3:    ...
4:    
5:    
6:
7:     
8:  

 

根目录下的Web.Backload.config可以这样:

1:  
2:  
3:    
4:  

 

参考资料:

※ Backload官网
※ Backload例子
※ nuget上的Backload

※ jQuery File Upload官网

※   github上的jQuery File Upload介绍
※   github上的jQuery File Upload源码

※   下载jQuery File Upload结合Backload的MVC案例

转载于:https://www.cnblogs.com/darrenji/p/3619525.html

你可能感兴趣的文章
恶心的struts标签,等我毕业设计弄完了,瞧我怎么收拾你。
查看>>
Linux中防火墙centos
查看>>
hudson+apachecontinuum+ant
查看>>
mysql新建用户,用户授权,删除用户,修改密码
查看>>
实验五 TCP传输及加密
查看>>
【iOS】build diff: /../Podfile.lock: No such file or directory
查看>>
【Android Studio】使用 Genymotion 调试出现错误 INSTALL_FAILED_CPU_ABI_INCOMPATI
查看>>
FancyCoverFlow
查看>>
教你一分钟实现动态模糊效果
查看>>
C++中explicit的用法
查看>>
java 企业站源码 兼容手机平板PC 响应式 主流SSM框架 freemaker 静态引擎
查看>>
AliOS编译安装MyRocks
查看>>
JS博客
查看>>
Docx转Doc操作(c#)
查看>>
Docker——error pulling image configuration
查看>>
一条简单的 SQL 执行超过 1000ms,纳尼?
查看>>
Python函数(一)之杵臼之交
查看>>
关于将qt作为max插件ui库所遇到的困难
查看>>
如何设置映射网络驱动器的具体步骤和方法
查看>>
ASP.NET WebApi 基于OAuth2.0实现Token签名认证
查看>>