探索Asp.net mvc 的文件上传(由浅入深)

核心提示：代码下载：点击下载此文件最近因为TeamVideo需要用到视频和图片上传功能，所以试着Google了很多资料，探索Asp.net mvc 的文件上传(由浅入深)，和大家分享下， 1．最基本的文件上传，我们需要实现的功能是当鼠标点击某个按钮时，这个DIV会弹出来， 在View界面通过Form把数据POST到控制端(Co

代码下载：点击下载此文件

最近因为TeamVideo需要用到视频和图片上传功能，所以试着Google了很多资料，和大家分享下。

1．最基本的文件上传。

在View界面通过Form把数据POST到控制端(Controller)，Controller把文件存储到服务器，再Redirect到其他页面。

View部分的代码：

Controller部分需要判断是否有Post过来文件，有文件就保存，再重定向到index页面。

上面的例子是最简单的，下一步我们考虑给它加上一个jQuery的UI，让上传文件时的样子变成如下：

要达到这个效果，首先需要下载jQuery UI的几个插件。

在模板中添加这些脚本:

把上面实现的简单的文件上传放到一个DIV中，我们需要实现的功能是当鼠标点击某个按钮时，这个DIV会弹出来。

最后是DIV弹出的脚本:

接下来我们考虑把图片上传到服务器后再让它显示在当前页面中。显示的效果如下: