jquery.uploadify 使用过程
HTML：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>swfupload_ajax_demo</title>
<link href="../css/Member.css" rel="stylesheet" type="text/css" />
<link href="../css/base.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<link href="../js/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery.uploadify-v2.1.0/swfobject.js"></script>
<script type="text/javascript" src="../js/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
var swfu;
$(document).ready(function () { $("#uploadify").uploadify({
'height': 30,
'onSelect': function (e, queueId, fileObj) {
fileObj.name = "mylovemercedes";
alert("唯一标识:" + queueId + "\r\n" +
"文件名称：" + fileObj.name + "\r\n" +
"文件大小：" + fileObj.size + "\r\n" +
"创建时间：" + fileObj.creationDate + "\r\n" +
"最后改动时间：" + fileObj.modificationDate + "\r\n" +
"文件类型：" + fileObj.type
); },
'uploader': '../js/jquery.uploadify-v2.1.0/uploadify.swf',
'script': '../Handler/UploadHandler.ashx',
'scriptData': { 'student_id': $('#hidStudentID').val() }, //自己定义传递參数
'method': 'GET',
'cancelImg': '../js/jquery.uploadify-v2.1.0/cancel.png',
'folder': '../upload/student_head',
'queueID': 'fileQueue',
'auto': false,
'multi': false,
'width': 120,
'fileExt': '*.jpg;*.png;*.gif',
'buttonText': "upload image",
'onInit': function () { alert("1"); },
'sizeLimit': 102400, //上传文件的限制大小，单位为字节 100k
'onAllComplete': function (event, data) { //当上传队列中的全部文件都完毕上传时触发
alert(data.filesUploaded + ' 个文件上传成功!');
}
});
function uploadpara() {
//自己定义传递參数
$('#uploadify').uploadifySettings('scriptData', { 'student_id': $('#hidStudentID').val() });
$('#uploadify').uploadifyUpload();
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:HiddenField ID="hidStudentID" runat="server" Value="201401030912559732" />
<div id="fileQueue">
</div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">
取消上传</a>
</p>
<div class="hy_photo_main_frame">
</div>
</form>
</body>
</html>
.UploadHandler.ashx
public class UploadHandler : IHttpHandler
{ public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Charset = "utf-8";
string student_id = CommonClass.Request.GetRequest<string>("student_id", "");
HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath =
HttpContext.Current.Server.MapPath(@context.Request["folder"]) + "\\"; if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
file.SaveAs(uploadPath + file.FileName);
//以下这句代码缺少的话，上传成功后上传队列的显示不会自己主动消失
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
} public bool IsReusable
{
get
{
return false;
}
}
}
jquery.uploadify 使用过程的更多相关文章
- jQuery uploadify 文件上传
uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能.现在最新版为3.2.1. 在线实例 实例预览 Uploadify 在线实例Demo ...
- .Net多文件同时上传（Jquery Uploadify）
前提:领导给了我一个文件夹,里面有4000千多张产品图片,每张图片已产品编号+产品名称命名,要求是让我把4000多张产品图片上传到服务器端,而且要以产品编码创建n个文件夹,每张图片放到对应的文件夹下. ...
- jquery上传插件Jquery.uploadify.js-转
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...
- asp.net mvc 2.o 中使用JQuery.uploadify
From:http://www.cnblogs.com/strugglesMen/archive/2011/07/01/2095916.html 官方网站http://www.uploadify.co ...
- jquery uploadify插件多文件上传
1.jquery uploadify 下载:http://www.uploadify.com/ 2.安装:解压后拷贝的工程目录下面,如:WebRoot/uploaddify 3.配置项说明: uplo ...
- SpringMVC+jquery.uploadify 上传文件
前言 以前用Asp.net MVC+uploadify上传文件,最近学习SpringMVC,所以就用SpringMVC+uploadify做个上传文件的demo. 刚开始用form表单的方式提交,在C ...
- jquery uploadify文件上传插件用法精析
jquery uploadify文件上传插件用法精析 CreationTime--2018年8月2日11点12分 Author:Marydon 一.参数说明 1.参数设置 $("#fil ...
- 详解jQuery uploadify文件上传插件的使用方法
uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能. 现在最新版为3.2.1. 在线实例 实例中用到的php文件UploaderDem ...
- jquery uploadify在谷歌浏和火狐下无法上传的解决方案(.Net版)
在项目紧张的进行过程中,jquery uploadify上传不兼容的问题一直没有试着去解决,只幻想着用ie的人越来越多,怎么奈何firefox4刚推出,就有4000万的下载.......仰天长叹,记生 ...
随机推荐
- WebApi参数问题方案
原文:http://www.cnblogs.com/landeanfen/p/5337072.html
- php内存管理机制与垃圾回收机制
PHP内存管理机制 1 var_dump(memory_get_usage()); //获取内存 2 $a = "laruence"; //定义一个变量 3 var_dump(me ...
- 洛谷P1195口袋的天空
传送门啦 一个裸的最小生成树,输出 $ No Answer $ 的情况只有 $ k < n $ 的时候. 开始令 $ num =n $ ,如果 $ num = k $ ,直接输出 $ 0 $ , ...
- 【转】Python验证码识别处理实例
原文出处: 林炳文(@林炳文Evankaka) 一.准备工作与代码实例 1.PIL.pytesser.tesseract (1)安装PIL:下载地址:http://www.pythonware.com ...
- 向SQL Server 现有表中添加新列并添加描述.
注: sql server 2005 及以上支持. 版本估计是不支持(工作环境2005,2008). 工作需要, 需要向SQL Server 现有表中添加新列并添加描述. 从而有个如下存储过程. (先 ...
- svn 批量添加命令
svn st | awk '{if ($1 == "?") {print $2} }' | xargs svn add
- 课堂实验-模拟实现Sort
课堂实验 模拟实现Linux下Sort -t : -k 2的功能.参考 Sort的实现. 代码如下: /** * Created by Administrator on 2017/5/20. */ i ...
- 关于Fuzz——peach的学习
最近在搞漏洞挖掘,之前写过一个文件格式漏洞挖掘的博文,使用的是光刃牛写的Alpha Fuzz工具.感觉样本生成的质量不是很好,这次打算使用一下老牌的Fuzz工具peach.学长介绍了一下说peach的 ...
- 一步一步学习IdentityServer3 (7)
在介绍自定义用户服务之前先对IdentityServerServiceFactory说明下 Idr3的服务工厂 下面有很多idr3提供的接口服务, 如:ViewService.UserService. ...
- Java集合类 课后练习
1.Pg235--2分别向Set集合以及List集合中添加“A”,“a” , "c" , "C" , "a" 5个元素,观察重复值“a”能 ...