MVC 使用jQuery上传文件
在ASP.NET MVC Framework中,上传文件真是超级简单,看代码:
View
<formaction="<%=Url.Action("Process") %>"enctype="multipart/form-data"method="post"><inputname="up1"type="file" /><inputtype="submit" /></form>
Action
publicActionResultProcess(HttpPostedFileBaseup1){//参数名与name名一致即可up1.SaveAs(Server.MapPath("~/"+ up1.FileName));returnContent("上传成功,文件名为:"+up1.FileName);}
当然这是MVC框架简化了我们的操作,实际上内部实现跟以前的是一样的,多文件上传冒似不能用这种方式实现,只能使用Request.Files["up1"]来获取!
无刷新上传jQuery
jQuery是个好东西,使用jQuery.form.js可以进入完全无刷新的世界,最基本使用的方法:
$('#myFormId').ajaxForm();
当你点击submit按钮后,你的客户端提交就变成无刷新的了…更高级的使用方法和下载地址请看官方地址:http://malsup.com/jquery/form/
使用了jquery.form.js,就可以使用无刷新上传了,不论什么无刷新上传,它的原理始终还是在页面中动态嵌入一个iframe,使用 iframe去上传文件。。这个时候就要注意一个问题了,iframe请求的服务器端地址不能输入浏览器无法打开的ContentType,否则浏览器会弹出下载框,如果上传完后,你输出一个JSON数据,浏览器将无法打开它。会弹出下载框。可以看看官方的例子!看看他是怎么做的!
SwfUpload
SWFUpload最初是由Vinterwebb.se开发的一个客户端的上传工具. 它结合了FLASH和JavaScript的功能,以提供一种超越了传统的浏览器中<input type=”file” />标签提供的文件上传功能。
SWFUpload提供的主要功能:
在文件选择对话框中能够进行文件多选页面无刷新的上传提供上传进度的事件回调,实时显示上传进度良好的浏览器兼容性采用了命名空间以兼容其它JS的库 (例如 jQuery, Prototype, 等等)对FLASH8和FLASH9播放器的支持
JQuery和SwfUpload是客户端的东西,所以说在任何WEB开发语言上都可以使用上了,SwfUpload还可以实现时时进度条,如果你玩过flick的图片上传,就知道这样的体验是多么的棒了!
MVC 使用jQuery上传文件的更多相关文章
- ASP.NET MVC 4 批量上传文件
上传文件的经典写法: <form id="uploadform" action="/Home/UploadFile" method="post& ...
- ASP.NET MVC 4 Ajax上传文件
这两天一直纠结着表单的问题.想在一个表单里实现三个功能: 输入查询条件,点击查询: 导出查询数据: 上传文件: 方法有很多,乱花渐欲迷人眼,尝试了很多,无果.大致说的是,给不同按钮写js代码,在js代 ...
- MVC与webservice上传文件(图片和视频),希望帮且到一些朋友
最近做一个项目,要把图片和视频传到服务器上(网站与图片服务器分开),在网上找了好久,没找到完整的资料. 自己也折腾了半天,才把完整的代码实现完.可能好多朋友都有实现过,没分享代码吧,写得不好希望不要见 ...
- JQuery 上传文件插件 Uploadify1
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. <link href="~/Content/themes/uploadif ...
- jquery上传文件控件Uploadify
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个 ...
- JQuery上传文件插件Uploadify使用笔记
新工作的第一份任务就是给实现 限制Uploadify 上传文件格式为图片 测试出来报错,选择了非图片文件,提示错误后,再选择其他文件,上传时还是包含了之前清空的非图片文件 最后实现效果的代码是 //上 ...
- jQuery上传文件控件Uploadify使用
Uploadify是JQuery的一个上传插件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件等. 首先应下载jQuery和uploadify插件 jQuery下载地址:h ...
- jQuery上传文件显示进度条
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script sr ...
- asp.net Mvc 使用uploadify 上传文件 HTTP 302 Error
CSHTML代码 @{ if (Request.Cookies[FormsAuthentication.FormsCookieName] != null) { <input type=" ...
随机推荐
- Oracle与Sql Server复制表结构和数据
1.Oracle create table 新表名 AS SELECT * FROM 源表名 2.Sql Server SELECT * into 新表名 from 源表名 版权声明:笔者:jiank ...
- sql server 2008如何导入mdf,ldf文件
sql server 2008怎样导入mdf,ldf文件 网上找了非常多解决sql server导入其它电脑拷过来的mdf文件,多数是不全.遇到的解决方法不一样等问题,下边是找到的解决这个问题的最 ...
- SQL Server 2005------函数
原文:SQL Server 2005------函数 SQL Server 2005支持用户自定义函数和内置系统函数,根据返回值类型又分为标量函数和表值函数. 1.标量函数标量函数:返回单个数据值,返 ...
- Android EventBus源代码解析 带你深入理解EventBus
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/40920453,本文出自:[张鸿洋的博客] 上一篇带大家初步了解了EventBus ...
- Android发展Singleton模式
这是什么Singleton模式?它是Java23之间的一种模式,在Android发展也有着广泛的应用,例Calander类别,当对象是由未创建 new Calander而是Calander.getIn ...
- apache 提示You don't have permission to access /test.php on this server.怎样解决
原文:apache 提示You don't have permission to access /test.php on this server.怎样解决 关键字: Apache 403 For ...
- 【Machine Learning】Mahout基于协同过滤(CF)的用户推荐
一.Mahout推荐算法简介 Mahout算法框架自带的推荐器有下面这些: l GenericUserBasedRecommender:基于用户的推荐器,用户数量少时速度快: l GenericI ...
- STM32电源管理
(1)3时钟模式 ①睡眠模式②停止模式③待机模式 1.睡眠模式:Cortex-M3内核(理解为CPU)停止工作,CPU供电1.8V有着,周边任何执行.执行 2.停机模式:全部时钟都停止,CPU电 ...
- Microservice架构模
Microservice架构模 在2014年,Sam Newman,Martin Fowler在ThoughtWorks的一位同事,出版了一本新书<Building Microservices& ...
- jvm对大对象分配内存的特殊处理(转)
前段日子在和leader交流技术的时候,偶然听到jvm在分配内存空间给大对象时,如果young区空间不足会直接在old区切一块过去.对于这个结论很好奇,也比较怀疑,所以就上网搜了下,发现还真有这么回事 ...