Jquery上传插件 uploadify v3.1使用说明_jquery

官方地址:http://www.uploadify.com/

提供的下载地址:http://www.jb51.net/jiaoben/21484.html

官方英文文档:http://www.uploadify.com/documentation/

使用方法(.net版本):

前台JS

复制代码 代码如下:

$("#id").uploadify({
height: 30,
swf: '/uploadify/uploadify.swf',
uploader: '/Handler/uploadPic.ashx',
width: 120,
cancelImg: '/uploadify/uploadify-cancel.png',
buttonText: '选择图片',
fileTypeExts: '*.gif;*.jpg;*.jpeg;*.png',
'fileSizeLimit': '6000KB',
removeCompleted: false,
'formData': {
"id":"1"
},
onUploadSuccess: function (file, data, response) {//上传完成时触发(每个文件触发一次)
if (data.indexOf('错误提示') > -1) {
alert(data);
}
else {
//$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000);
alert("上传成功!");
}
},
'onUploadError': function (file, errorCode, errorMsg, errorString) {//当单个文件上传出错时触发
alert('文件:' + file.name + ' 上传失败: ' + errorString);
} });

ASHX文件:

复制代码 代码如下:

protected string AllowExt = "7z|aiff|asf|avi|bmp|csv|doc|docx|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pptx|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xlsx|xml|zip";//支持的文件格式
int FileMaxSize = 10240;//文件大小,单位为Kpublicvoid ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string ParentID = context.Request.Params["id"];
HttpPostedFile fileUpload = context.Request.Files[0];
if (fileUpload != null)
{
try
{
string UploadDir = "~/upload/";//图片保存的文件夹
//图片保存的文件夹路径
string path = context.Server.MapPath(UploadDir);
//每天上传的图片一个文件夹
string folder = DateTime.Now.ToString("yyyyMM");
//如果文件夹不存在,则创建
if (!Directory.Exists(path + folder))
{
Directory.CreateDirectory(path + folder);
}
//上传图片的扩展名
string fileExtension = fileUpload.FileName.Substring(fileUpload.FileName.LastIndexOf('.'));
//判断文件格式
if (!CheckValidExt(fileExtension))
{
context.Response.Write("错误提示:文件格式不正确!" + fileExtension);
return;
}
//判断文件大小
if (fileUpload.ContentLength > FileMaxSize * 1024)
{
context.Response.Write("错误提示:上传的文件(" + fileUpload.FileName + ")超过最大限制:" + FileMaxSize + "KB");
return;
}
//保存图片的文件名
//string saveName = Guid.NewGuid().ToString() + fileExtension;
//使用时间+随机数重命名文件
string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff");//取得时间字符串
Random ran = new Random();
string strRan = Convert.ToString(ran.Next(100, 999));//生成三位随机数
string saveName = strDateTime + strRan + fileExtension;
Model.Album uc = new Model.Album();
uc.Title = fileUpload.FileName;
uc.ImagePath = folder + "/" + saveName;
uc.PostTime = DateTime.Now;
uc.Pid= int.Parse(id);
bll.Album alb = new bll.Album();
alb.add(uc);
//保存图片
fileUpload.SaveAs(path + folder + "/" + saveName);
context.Response.Write(UploadDir + folder + "/" + saveName);
}
catch
{
context.Response.Write("错误提示:上传失败");
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
#region 检测扩展名的有效性 bool CheckValidExt(string sExt)
/// <summary>
/// 检测扩展名的有效性
/// </summary>
/// <param name="sExt">文件名扩展名</param>
/// <returns>如果扩展名有效,返回true,否则返回false.</returns>
public bool CheckValidExt(string strExt)
{
bool flag = false;
string[] arrExt = AllowExt.Split('|');
foreach (string filetype in arrExt)
{
if (filetype.ToLower() == strExt.ToLower().Replace(".", ""))
{
flag = true;
break;
}
}
return flag;
}
#endregion

参数说明:
参考 http://www.jb51.net/article/30598.htm
3.1 版本更新 : 去除postData,更改为formData。 Json数据。 其他更改研究中。
上传文件生成缩略图显示到网页功能研究ing。

时间: 2024-10-01 20:46:42

Jquery上传插件 uploadify v3.1使用说明_jquery的相关文章

AspNet中使用JQuery上传插件Uploadify详解

  Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用 首先按下面的步骤来实现一个简单的上传功能. 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中. 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFile文件夹,用来存放上传的文件. 进行完上面三步后项目的基本结构如下

AspNet中使用JQuery上传插件Uploadify详解_jquery

首先按下面的步骤来实现一个简单的上传功能. 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中. 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFile文件夹,用来存放上传的文件. 进行完上面三步后项目的基本结构如下图: 4 Default.aspx的html页的代码修改如下: <html xmlns="http://www.w3.org/1999/xhtml">

解决jQuery上传插件Uploadify出现Http Error 302错误的方法_jquery

之前介绍过jquery uploadify上传插件的使用方法,我在使用中遇到过Http Error 302错误问题,应该会有很多人在使用中遇到过,在此记录下来: 首先http 302是请求被重定向的意思,这就很容易理解了,如果你的uploadify处理上传脚本有session验证,就会出现此错误,因为flash在执行post请求的时候没有包含cookie信息,而服务器的session会根据客户端的cookie来得到SESSIONID.没有提交cookie自然就不能获取到session,然后upl

JQuery上传插件Uploadify使用详解及错误处理_jquery

什么是Uploadify Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示. 官网提供的是PHP的DEMO,在这里我详细介绍在Asp.net下的使用. 下载 官方下载 官方文档 官方演示 提供的Uploadify下载地址 如何使用 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFile文件夹

Jquery上传插件Uploadify无刷新上传文件

Uploadify v3.2.1  上传图片并预览 前端JSP: <script type="text/javascript">                             $(function() {                 $("#upload_org_code").uploadify({                     'height'        : 27,                      'width' 

基于JQuery上传插件Uploadify+php使用详解

如何使用 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFile文件夹,用来存放上传的文件. 进行完上面三步后项目的基本结构如下图: 4 Default.aspx的html页的代码修改如下:  代码如下 复制代码 <html xmlns="http://www.w3.org/1999/xhtml"> <hea

基于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.把解压后的Uploadi

jquery 文件上传插件Uploadify 初探

最近使用了uploadify做文件上传,上传同时展示进度条,感觉简单方便,功能也叫完善,先记下来再说. 官方地址 http://www.uploadify.com/  提供了html5的版本和Flash的版本,html5的版本收费,所以使用的Flash版本,你懂的... 先来看下我的代码,看看uploadify使用有多简单.方便... 将下载的uploadify.zip解压,     这个文件需要在页面引用,当然jquery是肯定不能少了,如下是文件上传的html页面: <html xmlns=

基于jQuery的Web上传插件Uploadify使用示例_jquery

Uploadify是一款功能强大,高度可定制的文件上传插件,实现的效果非常不错,带进度显示.在最简单的方式下,Uploadify使用很少的代码就可以运行起来. Uploadify官方下载地址:http://www.uploadify.com/download/ 测试例子以下是一个使用的简单例子: 这里我们采用了Uploadify包中自带的php测试脚本作为上传的处理,所以这里安装了wamp作为php的测试环境,在php的网站根目录中,解压上面下载好的Uploadify文件,并创建一个文件上传保存