MVC应用程序实现上传文件

学习MVC以来,一直想实现上传文件的功能,使用jQuery来实现上传,有很多插件。此篇演示中,Insus.NET是使用Uploadify。http://www.uploadify.com/,它有更多的文件说明,可以参考:http://www.uploadify.com/documentation/

你可以使用MVC的NuGet Packages管理器,来安装这个jQuery的插件:

安装好之后,可以在MVC应用程序的Scripts目录看到它:

在HomeContollers中,创建一个ActionResult和一个ContentResult action,前者是为MVC创建一个视图,而后者是处理文件上传。

演示中,Insus.NET是把上传的文件存储于MVC应用程序中的Temp目录下,当然你是可以在你指定的目录,或是存储于数据库中。

#1~#3是在视图的Head节点中,引用jQuery,Uploadify的js库与样式。

#4是上传的html标签。

而#5的,可以参考下面详细的jQuery代码:

算完成了,最后是看看实时演示效果:

MVC应用程序实现上传文件

时间: 2024-11-10 11:33:25

MVC应用程序实现上传文件的相关文章

MVC应用程序实现上传文件(续)

前几天,有练习了<MVC应用程序实现上传文件>http://www.cnblogs.com/insus/p/3590907.html 那只是把文档上传至MVC应用程序下的某一目录之中. 其实,真实环境中,还得存储一些相关信息至数据库中.如旧文件名,新存储于文件夹的新文件名,大小,基本的类型等. 下面Insus.NET就慢慢来演示此功能. 先是在数据库中,创建一个表[dbo].[FileLibrary]: 创建一个存储过程,好让程序能对上面创建好的表,添加数据[dbo].[usp_FileLib

MVC应用程序显示上传的图片

前两篇<MVC应用程序实现上传文件>http://www.cnblogs.com/insus/p/3590907.html和<MVC应用程序实现上传文件(续)>http://www.cnblogs.com/insus/p/3594834.html,我们练习了上传文件,当然上传图片也是一样. 此篇我们练习,怎样在MVC应用程序中显示用户上传的图片.为了接近更真实的练习,Insus.NET决定对以前的程序修改一下,就是上传的目录把原来的Temp目录改为UploadFiles目录.也就是

asp.net mvc ajax.beginform()无法上传文件

Asp.Net Mvc使用Ajax.BeginForm上传文件Request.Files始终为null. 使用jquery.form.js插件能解决问题.asp.net mvc ajax.beginform()无法上传文件

MVC应用程序显示上传的图片(续)

上一篇<MVC应用程序显示上传的图片>http://www.cnblogs.com/insus/p/3597543.html 最后有提及没有实现用户点击图片,显示原图的功能.此篇Insus.NET来完成它. 想使用一个dialog box来呈现原图.这个jQuery的UI已经有了,引用相关的js类库即可. 代到HomeController.cs控制器,添加一个ContentResult方法: 即是传入图片名称,找到上传目录的相对应的图片.打开ViewUploadPhoto.cshtml 视图,

关于MVC Ajax.BeginForm()异步上传文件的问题

问题描述: 如果用juqery原生的异步上传方式,只要如下方法即可 $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), content:$("#content").val()}, dataType: "json", success: function(data){ alert("");

spring mvc 中的MultipartFile 上传文件错误:File has already been moved - cannot be transferred again

没有正确配置临时文件的存储空间: 在spring mvc配置文件的修改: <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 上传文件大小上限 --> <property name="maxUploadSize"> <value>52

小程序的上传文件接口的注意

需要对接口返回的数据转换为 JavaScript 对象 // JSON.parse()将JSON格式的数据转换为 JavaScript 对象 JSON.parse(res.data) 官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html wx.chooseImage({ success (res) { const tempFilePaths = res.tempFil

jquery.uploadify上传文件配置详解(asp.net mvc)

页面源码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery upload上传文件(asp.net mvc)配置</title> <script src="Resources/jquery.js"

spring mvc上传文件的简单例子总结及注意事项

1.创建maven项目         在pom.xml里面引入该依赖的jar包,pom.xm的代码如下: <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"   xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven