基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用

Uploadify是JQuery的一个文件上传插件，实现的效果非常不错,目前已经更新到Version3.1.1，官方提供的实例是php版本的，本文将介绍Uploadify在MVC3中的使用，您可以点击以下链接，去官网查看文档，下载Uploadify插件。

下载Uploadify插件
查看文档

下载Uploadify插件，然后按照以下步骤，在MVC3中应用Uploadify3.1.1插件的上传功能吧。

1.创建MVC3工程，本例命名为UploadifyTest

2.把解压后的Uploadify-v3.1文件夹Copy到工程中的Scripts文件夹下。如下图

以上步骤做完以后，开始写代码了。

.cshtml文件中的代码如下：

<link href="/Scripts/uploadify-v3.1/uploadify.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript" src="/Scripts/uploadify-v3.1/jquery.uploadify-3.1.min.js"></script>
<script type="text/javascript">$(function () {$('#upload').uploadify({'formData': { 'folder': 'd:\\' },'buttonText': '选择文件','buttonClass': 'browser','removeCompleted': false,'swf': '/Scripts/uploadify-v3.1/uploadify.swf','uploader': '/Home/Upload'});});
</script>
<head><style type="text/css">.browser{color:White;}</style>
</head>
<input type="file" name="upload" id="upload" />

cs文件代码如下：

public class HomeController : Controller {public ActionResult Index() {return View();}[AcceptVerbs(HttpVerbs.Post)]public ContentResult Upload(HttpPostedFileBase FileData, string folder) {string filename = "";if (null != FileData) {try {filename = Path.GetFileName(FileData.FileName);//获得文件名string fullPathname = Path.Combine(folder, filename);saveFile(FileData, folder, filename);} catch (Exception ex) {filename = ex.ToString();}}return Content(filename);}[NonAction]private bool saveFile(HttpPostedFileBase postedFile, string filepath, string saveName) {bool result = false;if (!Directory.Exists(filepath)) {Directory.CreateDirectory(filepath);}try {postedFile.SaveAs(Path.Combine(filepath, saveName));result = true;} catch (Exception e) {throw new ApplicationException(e.Message);}return result;}}

上传效果如下：

用到的上传参数说明

'formData': 向后台传递的参数

'buttonText': 上传按钮上显示的文字

'buttonClass': 给上传按钮添加的

class'removeCompleted': 表示在上传完成后是否删除队列中的对应元素。默认是True，即上传完成后就看不到上传文件进度条了。'swf': swf文件路径'uploader': 调用后台操作的方法

基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用相关推荐

【转】jquery文件上传插件uploadify在.NET中session丢失的解决方案
2019独角兽企业重金招聘Python工程师标准>>> 基于jQuery和Flash的多文件上传插件uploadify的确很好用,具体配置和使用方法见以前的一篇文章: <一款基 ...
jquery文件上传插件uploadify 讲解
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1.名词解释: tracker服务器:中文叫做跟踪器,主要做调度工作,在访问上起负载均衡的作用.(t ...
jQuery 异步上传插件 Uploadify 使用（Java平台）
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.而且是Ajax的,省去了自己写Ajax上传功能的麻烦.不过官方提供的实例时php版本的,本文将详细介绍Uploadify ...
jquery文件上传插件 uploadify java_jQuery文件上传插件Uploadify使用指南
对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持 Flash,主要特性:支持多文件上传.HTML5版本可拖拽上传.实时上传进度条显示.强大的参数定制功能,如文件大小. ...
修改jquery文件上传插件uploadify的英文为中文
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 效果: 对于这种样式的问题,我都是简单粗爆的解决: 找到uploadify的js文件,通常不是js, ...
jQuery上传插件Uploadify使用Demo、本地上传（ssm框架下）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 效果: 1. jar包导入: <dependency ...
jQuery 文件上传插件：uploadify、swfupload
jQuery 文件上传插件: uploadify.swfupload
JQuery上传插件Uploadify使用详解
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...
JQuery上传插件Uploadify使用详解 http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用

基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用相关推荐

最新文章

热门文章